improvements

pages/links/[id].tsx

@@ -238,7 +238,7 @@ export default function Index() {
                   <Link key={i} href={`/tags/${e.id}`} className="z-10">
                     <p
                       title={e.name}
-                      className="px-2 py-1 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 text-black dark:text-white dark:bg-sky-900 text-xs rounded-3xl cursor-pointer hover:opacity-60 duration-100 truncate max-w-[19rem]"
                     >
                       {e.name}
                     </p>

pages/public/links/[id].tsx

@@ -17,7 +17,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faBoxesStacked, faFolder } from "@fortawesome/free-solid-svg-icons";
 import useModalStore from "@/store/modals";
 import { useSession } from "next-auth/react";
-import { isProbablyReaderable } from "@mozilla/readability";
 
 type LinkContent = {
   title: string;

pages/settings/api.tsx

@@ -54,12 +54,12 @@ export default function Api() {
 
   return (
     <SettingsLayout>
-      <p className="capitalize text-3xl font-thin inline">API Keys</p>
+      <p className="capitalize text-3xl font-thin inline">API Keys (Soon)</p>
 
       <hr className="my-3 border-1 border-sky-100 dark:border-neutral-700" />
 
       <div className="flex flex-col gap-3">
-        <div className="badge bg-yellow-300 rounded-md border w-fit px-2 text-black">
+        <div className="badge bg-orange-500 rounded-md border border-black w-fit px-2 text-black">
           Status: Under Development
         </div>