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

src/components/Discover/DiscoverMovieGenre/index.tsx

@@ -43,7 +43,7 @@ const DiscoverMovieGenre = () => {
   return (
     <>
       <PageTitle title={title} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{title}</Header>
       </div>
       <ListView

src/components/Discover/DiscoverMovieKeyword/index.tsx

@@ -49,7 +49,7 @@ const DiscoverMovieKeyword = () => {
   return (
     <>
       <PageTitle title={title} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{title}</Header>
       </div>
       <ListView

src/components/Discover/DiscoverMovieLanguage/index.tsx

@@ -52,7 +52,7 @@ const DiscoverMovieLanguage = () => {
   return (
     <>
       <PageTitle title={title} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{title}</Header>
       </div>
       <ListView

src/components/Discover/DiscoverNetwork/index.tsx

@@ -45,7 +45,7 @@ const DiscoverTvNetwork = () => {
   return (
     <>
       <PageTitle title={title} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>
           {firstResultData?.network.logoPath ? (
             <div className="relative mb-6 flex h-24 justify-center sm:h-32">

src/components/Discover/DiscoverSliderEdit/index.tsx

@@ -195,7 +195,7 @@ const DiscoverSliderEdit = ({
           className={`absolute -bottom-2 left-0 w-full border-t-4 border-indigo-500`}
         />
       )}
-      <div className="flex w-full flex-col rounded-t-lg border-t border-l border-r border-gray-800 bg-gray-900 p-4 text-gray-400 md:flex-row md:items-center md:space-x-2">
+      <div className="flex w-full flex-col rounded-t-lg border-l border-r border-t border-gray-800 bg-gray-900 p-4 text-gray-400 md:flex-row md:items-center md:space-x-2">
         <div
           className={`${slider.data ? 'mb-4' : 'mb-0'} flex space-x-2 md:mb-0`}
         >
@@ -285,7 +285,7 @@ const DiscoverSliderEdit = ({
               </Button>
             </>
           )}
-          <div className="absolute right-14 top-4 flex px-2 md:relative md:top-0 md:right-0">
+          <div className="absolute right-14 top-4 flex px-2 md:relative md:right-0 md:top-0">
             <button
               className={'hover:text-white disabled:text-gray-800'}
               onClick={() =>
@@ -305,7 +305,7 @@ const DiscoverSliderEdit = ({
               <ChevronDownIcon className="h-7 w-7 md:h-6 md:w-6" />
             </button>
           </div>
-          <div className="absolute top-4 right-4 flex-1 text-right md:relative md:top-0 md:right-0">
+          <div className="absolute right-4 top-4 flex-1 text-right md:relative md:right-0 md:top-0">
             <Tooltip content={intl.formatMessage(messages.enable)}>
               <div>
                 <SlideCheckbox

src/components/Discover/DiscoverStudio/index.tsx

@@ -45,7 +45,7 @@ const DiscoverMovieStudio = () => {
   return (
     <>
       <PageTitle title={title} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>
           {firstResultData?.studio.logoPath ? (
             <div className="relative mb-6 flex h-24 justify-center sm:h-32">

src/components/Discover/DiscoverTvGenre/index.tsx

@@ -43,7 +43,7 @@ const DiscoverTvGenre = () => {
   return (
     <>
       <PageTitle title={title} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{title}</Header>
       </div>
       <ListView

src/components/Discover/DiscoverTvKeyword/index.tsx

@@ -49,7 +49,7 @@ const DiscoverTvKeyword = () => {
   return (
     <>
       <PageTitle title={title} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{title}</Header>
       </div>
       <ListView

src/components/Discover/DiscoverTvLanguage/index.tsx

@@ -52,7 +52,7 @@ const DiscoverTvLanguage = () => {
   return (
     <>
       <PageTitle title={title} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{title}</Header>
       </div>
       <ListView

src/components/Discover/DiscoverTvUpcoming.tsx

@@ -31,7 +31,7 @@ const DiscoverTvUpcoming = () => {
   return (
     <>
       <PageTitle title={intl.formatMessage(messages.upcomingtv)} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{intl.formatMessage(messages.upcomingtv)}</Header>
       </div>
       <ListView

src/components/Discover/DiscoverWatchlist/index.tsx

@@ -37,8 +37,8 @@ const DiscoverWatchlist = () => {
       router.pathname.startsWith('/profile')
         ? `user/${currentUser?.id}`
         : router.query.userId
-        ? `user/${router.query.userId}`
-        : 'discover'
+          ? `user/${router.query.userId}`
+          : 'discover'
     }/watchlist`
   );
 
@@ -55,7 +55,7 @@ const DiscoverWatchlist = () => {
       <PageTitle
         title={[title, router.query.userId ? user?.displayName : '']}
       />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header
           subtext={
             router.query.userId ? (

src/components/Discover/MovieGenreList/index.tsx

@@ -30,7 +30,7 @@ const MovieGenreList = () => {
   return (
     <>
       <PageTitle title={intl.formatMessage(messages.moviegenres)} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{intl.formatMessage(messages.moviegenres)}</Header>
       </div>
       <ul className="cards-horizontal">

src/components/Discover/Trending.tsx

@@ -36,7 +36,7 @@ const Trending = () => {
   return (
     <>
       <PageTitle title={intl.formatMessage(messages.trending)} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{intl.formatMessage(messages.trending)}</Header>
       </div>
       <ListView

src/components/Discover/TvGenreList/index.tsx

@@ -30,7 +30,7 @@ const TvGenreList = () => {
   return (
     <>
       <PageTitle title={intl.formatMessage(messages.seriesgenres)} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{intl.formatMessage(messages.seriesgenres)}</Header>
       </div>
       <ul className="cards-horizontal">

src/components/Discover/Upcoming.tsx

@@ -31,7 +31,7 @@ const UpcomingMovies = () => {
   return (
     <>
       <PageTitle title={intl.formatMessage(messages.upcomingmovies)} />
-      <div className="mt-1 mb-5">
+      <div className="mb-5 mt-1">
         <Header>{intl.formatMessage(messages.upcomingmovies)}</Header>
       </div>
       <ListView

src/components/Discover/index.tsx

@@ -127,7 +127,7 @@ const Discover = () => {
         <>
           {isEditing && (
             <div className="my-6 rounded-lg bg-gray-800">
-              <div className="flex items-center space-x-2 rounded-t-lg border-t border-l border-r border-gray-800 bg-gray-900 p-4 text-lg font-semibold text-gray-400">
+              <div className="flex items-center space-x-2 rounded-t-lg border-l border-r border-t border-gray-800 bg-gray-900 p-4 text-lg font-semibold text-gray-400">
                 <PlusIcon className="w-6" />
                 <span data-testid="create-slider-header">
                   {intl.formatMessage(messages.createnewslider)}
@@ -172,7 +172,7 @@ const Discover = () => {
             leave="transition duration-300"
             leaveFrom="opacity-100 translate-y-0"
             leaveTo="opacity-0 translate-y-6"
-            className="safe-shift-edit-menu fixed right-0 left-0 z-50 flex flex-col items-center justify-end space-x-0 space-y-2 border-t border-gray-700 bg-gray-800 bg-opacity-80 p-4 backdrop-blur sm:bottom-0 sm:flex-row sm:space-y-0 sm:space-x-3"
+            className="safe-shift-edit-menu fixed left-0 right-0 z-50 flex flex-col items-center justify-end space-x-0 space-y-2 border-t border-gray-700 bg-gray-800 bg-opacity-80 p-4 backdrop-blur sm:bottom-0 sm:flex-row sm:space-x-3 sm:space-y-0"
           >
             <Button
               buttonType="default"