chore(deps): upgrade prettier, and tailwind (#2351)

src/components/UserProfile/ProfileHeader/index.tsx

@@ -38,7 +38,7 @@ const ProfileHeader = ({ user, isSettingsPage }: ProfileHeaderProps) => {
   }
 
   return (
-    <div className="relative z-40 mt-6 mb-12 lg:flex lg:items-end lg:justify-between lg:space-x-5">
+    <div className="relative z-40 mb-12 mt-6 lg:flex lg:items-end lg:justify-between lg:space-x-5">
       <div className="flex items-end justify-items-end space-x-5">
         <div className="flex-shrink-0">
           <div className="relative">
@@ -81,7 +81,7 @@ const ProfileHeader = ({ user, isSettingsPage }: ProfileHeaderProps) => {
           </p>
         </div>
       </div>
-      <div className="justify-stretch mt-6 flex flex-col-reverse space-y-4 space-y-reverse lg:flex-row lg:justify-end lg:space-y-0 lg:space-x-3 lg:space-x-reverse">
+      <div className="mt-6 flex flex-col-reverse justify-stretch space-y-4 space-y-reverse lg:flex-row lg:justify-end lg:space-x-3 lg:space-y-0 lg:space-x-reverse">
         {(loggedInUser?.id === user.id ||
           (user.id !== 1 && hasPermission(Permission.MANAGE_USERS))) &&
         !isSettingsPage ? (

src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx

@@ -285,8 +285,8 @@ const UserGeneralSettings = () => {
                     {user?.id === 1
                       ? intl.formatMessage(messages.owner)
                       : hasPermission(Permission.ADMIN)
-                      ? intl.formatMessage(messages.admin)
-                      : intl.formatMessage(messages.user)}
+                        ? intl.formatMessage(messages.admin)
+                        : intl.formatMessage(messages.user)}
                   </div>
                 </div>
               </div>

src/components/UserProfile/UserSettings/UserLinkedAccountsSettings/LinkJellyfinModal.tsx

@@ -138,7 +138,7 @@ const LinkJellyfinModal: React.FC<LinkJellyfinModalProps> = ({
                 <label htmlFor="username" className="text-label">
                   {intl.formatMessage(messages.username)}
                 </label>
-                <div className="mt-1 mb-2 sm:col-span-2 sm:mt-0">
+                <div className="mb-2 mt-1 sm:col-span-2 sm:mt-0">
                   <div className="flex rounded-md shadow-sm">
                     <Field
                       id="username"
@@ -154,7 +154,7 @@ const LinkJellyfinModal: React.FC<LinkJellyfinModalProps> = ({
                 <label htmlFor="password" className="text-label">
                   {intl.formatMessage(messages.password)}
                 </label>
-                <div className="mt-1 mb-2 sm:col-span-2 sm:mt-0">
+                <div className="mb-2 mt-1 sm:col-span-2 sm:mt-0">
                   <div className="flex rounded-md shadow-sm">
                     <Field
                       id="password"

src/components/UserProfile/UserSettings/UserNotificationSettings/UserNotificationsWebPush/DeviceItem.tsx

@@ -71,7 +71,7 @@ const DeviceItem = ({
             </div>
           </div>
         </div>
-        <div className="z-10 mt-4 ml-4 flex w-full flex-col justify-center overflow-hidden pr-4 text-sm sm:ml-2 sm:mt-0 xl:flex-1 xl:pr-0">
+        <div className="z-10 ml-4 mt-4 flex w-full flex-col justify-center overflow-hidden pr-4 text-sm sm:ml-2 sm:mt-0 xl:flex-1 xl:pr-0">
           <div className="card-field">
             <span className="card-field-name">
               {intl.formatMessage(messages.operatingsystem)}

src/components/UserProfile/UserSettings/UserNotificationSettings/UserNotificationsWebPush/index.tsx

@@ -350,7 +350,7 @@ const UserWebPushSettings = () => {
           );
         }}
       </Formik>
-      <div className="mt-10 mb-6">
+      <div className="mb-6 mt-10">
         <h3 className="heading">
           {intl.formatMessage(messages.managedevices)}
         </h3>

src/components/UserProfile/UserSettings/index.tsx

@@ -74,10 +74,10 @@ const UserSettings = ({ children }: UserSettingsProps) => {
       route: data?.emailEnabled
         ? '/settings/notifications/email'
         : data?.webPushEnabled
-        ? '/settings/notifications/webpush'
-        : data?.discordEnabled
-        ? '/settings/notifications/discord'
-        : '/settings/notifications/pushbullet',
+          ? '/settings/notifications/webpush'
+          : data?.discordEnabled
+            ? '/settings/notifications/discord'
+            : '/settings/notifications/pushbullet',
       regex: /\/settings\/notifications/,
     },
     {

src/components/UserProfile/index.tsx

@@ -130,7 +130,7 @@ const UserProfile = () => {
     <>
       <PageTitle title={user.displayName} />
       {Object.keys(availableTitles).length > 0 && (
-        <div className="absolute left-0 right-0 -top-16 z-0 h-96">
+        <div className="absolute -top-16 left-0 right-0 z-0 h-96">
           <ImageFader
             key={user.id}
             isDarker