chore(prettier): full repo linting and code reformatting once and for all (#3627)

platform/ui/src/components/UserPreferences/UserPreferences.tsx

@@ -66,11 +66,11 @@ const UserPreferences = ({
 
   const Section = ({ title, children }) => (
     <>
-      <div className="border-b-2 border-black mb-2">
+      <div className="mb-2 border-b-2 border-black">
         <Typography
           variant="inherit"
           color="primaryLight"
-          className="flex text-[16px] font-semibold pb-2 !leading-[1.2]"
+          className="flex pb-2 text-[16px] font-semibold !leading-[1.2]"
         >
           {title}
         </Typography>
@@ -82,8 +82,11 @@ const UserPreferences = ({
   return (
     <>
       <Section title={t('General')}>
-        <div className="flex flex-row justify-center items-center w-72">
-          <Typography variant="subtitle" className="mr-5 text-right h-full">
+        <div className="flex w-72 flex-row items-center justify-center">
+          <Typography
+            variant="subtitle"
+            className="mr-5 h-full text-right"
+          >
             {t('Language')}
           </Typography>
           <Select
@@ -112,7 +115,10 @@ const UserPreferences = ({
           {t('Reset to Defaults')}
         </Button>
         <div className="flex flex-row">
-          <Button type={ButtonEnums.type.secondary} onClick={onCancelHandler}>
+          <Button
+            type={ButtonEnums.type.secondary}
+            onClick={onCancelHandler}
+          >
             {t('Cancel')}
           </Button>
           <Button