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

src/components/TitleCard/ErrorCard.tsx

@@ -36,7 +36,7 @@ const ErrorCard = ({ id, tmdbId, tvdbId, type, canExpand }: ErrorCardProps) => {
       data-testid="title-card"
     >
       <div
-        className="relative transform-gpu cursor-default overflow-hidden rounded-xl bg-gray-800 bg-cover shadow outline-none ring-1 ring-gray-700  transition duration-300"
+        className="relative transform-gpu cursor-default overflow-hidden rounded-xl bg-gray-800 bg-cover shadow outline-none ring-1 ring-gray-700 transition duration-300"
         style={{
           paddingBottom: '150%',
         }}

src/components/TitleCard/index.tsx

@@ -76,9 +76,8 @@ const TitleCard = ({
   const [showDetail, setShowDetail] = useState(false);
   const [showRequestModal, setShowRequestModal] = useState(false);
   const { addToast } = useToasts();
-  const [toggleWatchlist, setToggleWatchlist] = useState<boolean>(
-    !isAddedToWatchlist
-  );
+  const [toggleWatchlist, setToggleWatchlist] =
+    useState<boolean>(!isAddedToWatchlist);
   const [showBlacklistModal, setShowBlacklistModal] = useState(false);
   const cardRef = useRef<HTMLDivElement>(null);
 
@@ -282,8 +281,8 @@ const TitleCard = ({
           mediaType === 'movie'
             ? 'movie'
             : mediaType === 'collection'
-            ? 'collection'
-            : 'tv'
+              ? 'collection'
+              : 'tv'
         }
         onComplete={requestComplete}
         onUpdating={requestUpdating}
@@ -295,8 +294,8 @@ const TitleCard = ({
           mediaType === 'movie'
             ? 'movie'
             : mediaType === 'collection'
-            ? 'collection'
-            : 'tv'
+              ? 'collection'
+              : 'tv'
         }
         show={showBlacklistModal}
         onCancel={closeBlacklistModal}
@@ -352,8 +351,8 @@ const TitleCard = ({
                 {mediaType === 'movie'
                   ? intl.formatMessage(globalMessages.movie)
                   : mediaType === 'collection'
-                  ? intl.formatMessage(globalMessages.collection)
-                  : intl.formatMessage(globalMessages.tvshow)}
+                    ? intl.formatMessage(globalMessages.collection)
+                    : intl.formatMessage(globalMessages.tvshow)}
               </div>
             </div>
             {showDetail && currentStatus !== MediaStatus.BLACKLISTED && (
@@ -454,8 +453,8 @@ const TitleCard = ({
                   mediaType === 'movie'
                     ? `/movie/${id}`
                     : mediaType === 'collection'
-                    ? `/collection/${id}`
-                    : `/tv/${id}`
+                      ? `/collection/${id}`
+                      : `/tv/${id}`
                 }
                 className="absolute inset-0 h-full w-full cursor-pointer overflow-hidden text-left"
                 style={{