format the files

Author: nawinsharma

app/(app)/articles/_client.tsx

@@ -79,10 +79,11 @@ const ArticlesPage = () => {
             <select
               id="filter"
               name="filter"
-              className="mt-2 dark:bg-neutral-800 block w-full rounded border-neutral-300 py-1 pl-3 pr-10 text-sm leading-6 focus:ring-2 focus:ring-pink-600 dark:border-neutral-600"
+              className="mt-2 block w-full rounded border-neutral-300 py-1 pl-3 pr-10 text-sm leading-6 focus:ring-2 focus:ring-pink-600 dark:border-neutral-600 dark:bg-neutral-800"
               onChange={(e) => {
                 router.push(
-                  `/articles?filter=${e.target.value}${tag ? `&tag=${tag}` : ""
+                  `/articles?filter=${e.target.value}${
+                    tag ? `&tag=${tag}` : ""
                   }`,
                 );
               }}

app/(app)/create/[[...paramsArr]]/_client.tsx

@@ -638,7 +638,7 @@ const Create = ({ session }: { session: Session }) => {
                 <div className="h-full px-4 py-0 sm:px-6 lg:px-4 lg:py-6 ">
                   {/* Start main area*/}
                   <div className="relative h-full">
-                    <div className="bg-white text-white shadow dark:bg-neutral-900">
+                    <div className="bg-white text-black shadow dark:bg-neutral-900 dark:text-white">
                       {viewPreview ? (
                         <section className="mx-auto max-w-xl px-4 py-6 pb-4 sm:p-6 lg:pb-8">
                           <article

components/Tabs/index.tsx

@@ -29,7 +29,7 @@ export function Tabs(props: Props) {
         <select
           id="tabs"
           name="tabs"
-          className="block w-full bg-white dark:bg-neutral-900 rounded-md border-neutral-300 focus:border-neutral-500 focus:ring-neutral-500"
+          className="block w-full rounded-md border-neutral-300 bg-white focus:border-neutral-500 focus:ring-neutral-500 dark:bg-neutral-900"
           defaultValue={tabs.find((tab) => tab.current)?.name || tabs[0].name}
           onChange={(e) => {
             router.push(e.target.value);