removed extra classNames

pages/links/[id].tsx

@@ -230,7 +230,7 @@ export default function Index() {
                   />
                   <p
                     title={link?.collection.name}
-                    className="text-black dark:text-white text-lg truncate max-w-[12rem]"
+                    className="text-lg truncate max-w-[12rem]"
                   >
                     {link?.collection.name}
                   </p>
@@ -239,7 +239,7 @@ export default function Index() {
                   <Link key={i} href={`/tags/${e.id}`} className="z-10">
                     <p
                       title={e.name}
-                      className="px-2 bg-sky-200 text-black dark:text-white dark:bg-sky-900 text-xs rounded-3xl cursor-pointer hover:opacity-60 duration-100 truncate max-w-[19rem]"
+                      className="px-2 bg-sky-200 dark:bg-sky-900 text-xs rounded-3xl cursor-pointer hover:opacity-60 duration-100 truncate max-w-[19rem]"
                     >
                       {e.name}
                     </p>
@@ -266,10 +266,10 @@ export default function Index() {
                 </p>
               ) : (
                 <>
-                  <p className="text-center text-2xl text-black dark:text-white">
+                  <p className="text-center text-2xl">
                     There is no reader view for this webpage
                   </p>
-                  <p className="text-center text-sm text-black dark:text-white">
+                  <p className="text-center text-sm">
                     {link?.collection.ownerId === userId
                       ? "You can update (refetch) the preserved formats by managing them below"
                       : "The collections owners can refetch the preserved formats"}

pages/links/index.tsx

@@ -27,13 +27,9 @@ export default function Links() {
               className="sm:w-10 sm:h-10 w-6 h-6 text-sky-500 dark:text-sky-500 drop-shadow"
             />
             <div>
-              <p className="text-3xl capitalize text-black dark:text-white font-thin">
-                All Links
-              </p>
+              <p className="text-3xl capitalize font-thin">All Links</p>
 
-              <p className="text-black dark:text-white">
-                Links from every Collections
-              </p>
+              <p>Links from every Collections</p>
             </div>
           </div>
 

pages/links/pinned.tsx

@@ -27,13 +27,9 @@ export default function PinnedLinks() {
               className="sm:w-10 sm:h-10 w-6 h-6 text-sky-500 dark:text-sky-500 drop-shadow"
             />
             <div>
-              <p className="text-3xl capitalize text-black dark:text-white font-thin">
-                Pinned Links
-              </p>
+              <p className="text-3xl capitalize font-thin">Pinned Links</p>
 
-              <p className="text-black dark:text-white">
-                Pinned Links from your Collections
-              </p>
+              <p>Pinned Links from your Collections</p>
             </div>
           </div>
 
@@ -70,7 +66,7 @@ export default function PinnedLinks() {
             style={{ flex: "1 1 auto" }}
             className="sky-shadow flex flex-col justify-center h-full border border-solid border-sky-100 dark:border-neutral-700 w-full mx-auto p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800"
           >
-            <p className="text-center text-2xl text-black dark:text-white">
+            <p className="text-center text-2xl">
               Pin Your Favorite Links Here!
             </p>
             <p className="text-center mx-auto max-w-96 w-fit text-gray-500 dark:text-gray-300 text-sm mt-2">