feat: created the Link component

components/Sidebar/SidebarItem.tsx

@@ -12,9 +12,9 @@ interface SidebarItemProps {
 export default function ({ text, icon, path }: SidebarItemProps) {
   return (
     <Link href={path}>
-      <div className="hover:bg-gray-50 duration-100 text-sky-900 rounded my-1 p-3 cursor-pointer flex items-center gap-2">
+      <div className="hover:bg-gray-50 duration-100 rounded my-1 p-3 cursor-pointer flex items-center gap-2">
         <FontAwesomeIcon icon={icon} className="w-4 text-sky-300" />
-        <p>{text}</p>
+        <p className="text-sky-900">{text}</p>
       </div>
     </Link>
   );

components/Sidebar/index.tsx

@@ -9,7 +9,7 @@ import {
   faChevronDown,
   faFolder,
   faBox,
-  faTag,
+  faHashtag,
   faBookmark,
 } from "@fortawesome/free-solid-svg-icons";
 import SidebarItem from "./SidebarItem";
@@ -110,7 +110,7 @@ export default function () {
             <SidebarItem
               key={i}
               text={e.name}
-              icon={faTag}
+              icon={faHashtag}
               path={`/tags/${e.id}`}
             />
           );