feat(web): tailwind css (#1147)

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

@@ -1,13 +1,13 @@
 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="text-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 className="basis-[13.75rem] flex-shrink" />
   </div>
 )