Format: update prettier configuration to use tailwind plugin

src/pages/account/index.tsx

@@ -35,7 +35,7 @@ const AccountPage: NextPage = () => {
       <div className="flex flex-col items-center">
         <div className="m-12 flex w-11/12 flex-col items-center justify-center space-y-3 lg:w-8/12">
           <div className="flex flex-col items-center space-y-3">
-            <div className="h-28 mb-1 w-28">
+            <div className="mb-1 h-28 w-28">
               <UserAvatar user={user} />
             </div>
 
@@ -47,7 +47,7 @@ const AccountPage: NextPage = () => {
 
           <div className="h-full w-full">
             <Tab.Group>
-              <Tab.List className="tabs tabs-boxed items-center justify-center rounded-2xl">
+              <Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl">
                 <Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
                   Account Info and Security
                 </Tab>

src/pages/account/profile.tsx

@@ -125,7 +125,7 @@ const ProfilePage: NextPage<ProfilePageProps> = ({ user }) => {
               disabled={isSubmitting}
               type="file"
               id="userAvatar"
-              className="file-input-bordered file-input w-full"
+              className="file-input file-input-bordered w-full"
               {...register('userAvatar')}
             />
           </FormSegment>

src/pages/beers/[id]/index.tsx

@@ -74,7 +74,7 @@ const BeerByIdPage: NextPage<BeerPageProps> = ({ beerPost }) => {
               </div>
             ) : (
               <Tab.Group>
-                <Tab.List className="tabs tabs-boxed items-center justify-center rounded-2xl">
+                <Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl">
                   <Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
                     Comments
                   </Tab>

src/pages/beers/index.tsx

@@ -79,7 +79,7 @@ const BeerPage: NextPage = () => {
               >
                 <button
                   type="button"
-                  className="btn-ghost btn-sm btn"
+                  className="btn btn-ghost btn-sm"
                   aria-label="Scroll back to top of page."
                   onClick={() => {
                     pageRef.current?.scrollIntoView({

src/pages/beers/search.tsx

@@ -50,7 +50,7 @@ const SearchPage: NextPage = () => {
             <input
               type="text"
               id="search"
-              className="input-bordered input w-full rounded-lg"
+              className="input input-bordered w-full rounded-lg"
               onChange={onChange}
               value={searchValue}
             />

src/pages/beers/styles/[id]/index.tsx

@@ -40,7 +40,7 @@ const BeerStyleByIdPage: NextPage<BeerStylePageProps> = ({ beerStyle }) => {
               </div>
             ) : (
               <Tab.Group>
-                <Tab.List className="tabs tabs-boxed items-center justify-center rounded-2xl">
+                <Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl">
                   <Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
                     Comments
                   </Tab>

src/pages/beers/styles/index.tsx

@@ -79,7 +79,7 @@ const BeerStylePage: NextPage = () => {
               >
                 <button
                   type="button"
-                  className="btn-ghost btn-sm btn"
+                  className="btn btn-ghost btn-sm"
                   aria-label="Scroll back to top of page."
                   onClick={() => {
                     pageRef.current?.scrollIntoView({

src/pages/breweries/[id]/edit.tsx

@@ -117,14 +117,14 @@ const EditBreweryPostPage: NextPage<EditPageProps> = ({ breweryPost }) => {
             <div className="w-full space-y-3">
               <button
                 disabled={isSubmitting}
-                className="btn-primary btn w-full"
+                className="btn btn-primary w-full"
                 type="submit"
               >
                 {isSubmitting ? 'Saving...' : 'Save'}
               </button>
 
               <button
-                className="btn-primary btn w-full"
+                className="btn btn-primary w-full"
                 type="button"
                 onClick={handleDelete}
               >

src/pages/breweries/[id]/index.tsx

@@ -85,7 +85,7 @@ const BreweryByIdPage: NextPage<BreweryPageProps> = ({ breweryPost, mapboxToken
                   token={mapboxToken}
                 />
                 <Tab.Group>
-                  <Tab.List className="tabs tabs-boxed items-center justify-center rounded-2xl">
+                  <Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl">
                     <Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
                       Comments
                     </Tab>

src/pages/breweries/index.tsx

@@ -58,13 +58,13 @@ const BreweryPage: NextPage<BreweryPageProps> = () => {
                   className="tooltip tooltip-left"
                   data-tip="Create a new brewery post"
                 >
-                  <Link href="/breweries/create" className="btn-ghost btn-sm btn">
+                  <Link href="/breweries/create" className="btn btn-ghost btn-sm">
                     <FaPlus className="text-lg" />
                   </Link>
                 </div>
               )}
               <div className="tooltip tooltip-left" data-tip="View map">
-                <Link className="btn-ghost btn-sm btn" href="/breweries/map">
+                <Link className="btn btn-ghost btn-sm" href="/breweries/map">
                   <FaMap className="text-lg" />
                 </Link>
               </div>
@@ -111,7 +111,7 @@ const BreweryPage: NextPage<BreweryPageProps> = () => {
               >
                 <button
                   type="button"
-                  className="btn-ghost btn-sm btn"
+                  className="btn btn-ghost btn-sm"
                   aria-label="Scroll back to top of page."
                   onClick={() => {
                     pageRef.current?.scrollIntoView({

src/pages/users/[id].tsx

@@ -24,7 +24,7 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
         <meta name="description" content="User information" />
       </Head>
       <>
-        <main className="mb-12 mt-10 flex flex-col w-full items-center justify-center">
+        <main className="mb-12 mt-10 flex w-full flex-col items-center justify-center">
           <div className="w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
             <UserHeader user={user} />
           </div>

src/pages/users/confirm.tsx

@@ -48,7 +48,7 @@ const ConfirmUserPage: FC = () => {
               Your confirmation token is invalid or is expired.
             </p>
             <button
-              className="btn-outline btn-sm btn normal-case"
+              className="btn btn-outline btn-sm normal-case"
               onClick={onClick}
               type="button"
             >

src/pages/users/forgot-password.tsx

@@ -41,10 +41,10 @@ const ForgotPasswordPage: NextPage<ForgotPasswordPageProps> = () => {
   };
 
   return (
-    <div className="flex flex-col items-center h-full">
-      <div className="xl:w-6/12 w-10/12 mt-64 text-center flex flex-col space-y-3">
+    <div className="flex h-full flex-col items-center">
+      <div className="mt-64 flex w-10/12 flex-col space-y-3 text-center xl:w-6/12">
         <div className="space-y-1">
-          <div className="flex flex-col items-center justify-center my-2">
+          <div className="my-2 flex flex-col items-center justify-center">
             <FaUserCircle className="text-3xl" />
             <h1 className="text-3xl font-bold">Forgot Your Password?</h1>
           </div>