refactor: repo (#1070)

packages/web/src/javascripts/Components/Preferences/PreferencesComponents/PreferencesPane.tsx

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react'
+
+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>
+)
+
+export default PreferencesPane