chore(meta): add prettier and config

.prettierrc

@@ -0,0 +1,8 @@
+arrowParens: "always"
+endOfLine: "auto"
+bracketSpacing: true
+printWidth: 80
+semi: true
+singleQuote: false
+tabWidth: 2
+trailingComma: "es5"

package.json

@@ -51,6 +51,7 @@
     "@types/react-dom": "^18.0.10",
     "@types/tinycolor2": "^1.4.3",
     "@vitejs/plugin-react": "^3.1.0",
+    "prettier": "^3.1.1",
     "typescript": "^4.9.5",
     "vite": "^4.1.1",
     "vite-plugin-svgr": "^2.4.0"

src/components/Header/Header.tsx

@@ -62,8 +62,9 @@ const Header = (_: HeaderProps) => {
                 Buy Me a Coffee
               </a>
               ! It takes a lot of work to make Phosphor available to the public
-              free and open-source, and your one-time or recurring contribution does
+              free and open-source, and your one-time or recurring contribution
-              a lot to keep us going. Please show us some support if you can!
+              does a lot to keep us going. Please show us some support if you
+              can!
             </small>
           </div>
         </Banner>

src/hooks/useEvent.ts

@@ -27,7 +27,7 @@ export type UseEventType<E extends UseEventTarget> = keyof UseEventMap<E>;
 export default function useEvent<
   K extends UseEventType<T>,
   M extends UseEventMap<T>,
-  T extends UseEventTarget = Document
+  T extends UseEventTarget = Document,
 >(
   type: K,
   listener: (this: T, ev: M[K]) => any,

src/hooks/useTimeoutFn.ts

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef } from "react";
 export type UseTimeoutFnReturn = [
   isReady: () => boolean | null,
   clear: () => void,
-  set: () => void
+  set: () => void,
 ];
 
 export default function useTimeoutFn(