chore: prettier files

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

@@ -7,15 +7,13 @@ export const Title: FunctionComponent = ({ children }) => (
   </>
 )
 
-export const Subtitle: FunctionComponent<{ className?: string }> = ({
-  children,
-  className = '',
-}) => <h4 className={`font-medium text-sm m-0 mb-1 ${className}`}>{children}</h4>
+export const Subtitle: FunctionComponent<{ className?: string }> = ({ children, className = '' }) => (
+  <h4 className={`font-medium text-sm m-0 mb-1 ${className}`}>{children}</h4>
+)
 
-export const SubtitleLight: FunctionComponent<{ className?: string }> = ({
-  children,
-  className = '',
-}) => <h4 className={`font-normal text-sm m-0 mb-1 ${className}`}>{children}</h4>
+export const SubtitleLight: FunctionComponent<{ className?: string }> = ({ children, className = '' }) => (
+  <h4 className={`font-normal text-sm m-0 mb-1 ${className}`}>{children}</h4>
+)
 
 export const Text: FunctionComponent<{ className?: string }> = ({ children, className = '' }) => (
   <p className={`${className} text-xs`}>{children}</p>

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

@@ -10,13 +10,7 @@ interface Props {
   onClick: () => void
 }
 
-export const MenuItem: FunctionComponent<Props> = ({
-  iconType,
-  label,
-  selected,
-  onClick,
-  hasBubble,
-}) => (
+export const MenuItem: FunctionComponent<Props> = ({ iconType, label, selected, onClick, hasBubble }) => (
   <div
     className={`preferences-menu-item select-none ${selected ? 'selected' : ''}`}
     onClick={(e) => {

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

@@ -4,9 +4,7 @@ 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}
+        {children != undefined && Array.isArray(children) ? children.filter((child) => child != undefined) : children}
       </div>
     </div>
     <div className="flex-basis-55 flex-shrink" />