refactor: format and lint codebase (#971)

app/assets/javascripts/Components/Preferences/PreferencesComponents/PreferencesPane.tsx

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'preact'
+
+export const PreferencesPane: FunctionComponent = ({ children }) => (
+  <div className="color-foreground flex-grow flex flex-row overflow-y-auto min-h-0">
+    <div className="flex-grow flex flex-col py-6 items-center">
+      <div className="w-125 max-w-125 flex flex-col">
+        {children != undefined && Array.isArray(children)
+          ? children.filter((child) => child != undefined)
+          : children}
+      </div>
+    </div>
+    <div className="flex-basis-55 flex-shrink" />
+  </div>
+)