Small changes.

components/AddLinkModal.tsx

@@ -1,7 +1,8 @@
 import React, { useState } from "react";
 import CollectionSelection from "./InputSelect/CollectionSelection";
 import TagSelection from "./InputSelect/TagSelection";
-
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
 interface NewLink {
   name: string;
   url: string;
@@ -90,9 +91,10 @@ export default function () {
       </div>
 
       <div
-        className="mx-auto mt-2 bg-sky-500 text-white py-2 px-5 rounded select-none font-bold cursor-pointer duration-100 hover:bg-sky-400"
+        className="mx-auto mt-2 bg-sky-500 text-white flex items-center gap-2 py-2 px-5 rounded select-none font-bold cursor-pointer duration-100 hover:bg-sky-400"
         onClick={() => postLink()}
       >
+        <FontAwesomeIcon icon={faPlus} className="h-5" />
         Add Link
       </div>
     </div>

components/InputSelect/CollectionSelection.tsx

@@ -17,10 +17,14 @@ export default function ({ onChange }: any) {
     return e.id === collectionId;
   });
 
-  const defaultCollection = {
+  let defaultCollection = null;
-    value: activeCollection?.id,
+
-    label: activeCollection?.name,
+  if (activeCollection) {
-  };
+    defaultCollection = {
+      value: activeCollection?.id,
+      label: activeCollection?.name,
+    };
+  }
 
   useEffect(() => {
     const formatedCollections = collections.map((e) => {

components/Sidebar/index.tsx

@@ -8,8 +8,9 @@ import {
   faPlus,
   faChevronDown,
   faFolder,
-  faHouse,
+  faBoxesStacked,
   faHashtag,
+  faBookmark,
 } from "@fortawesome/free-solid-svg-icons";
 import SidebarItem from "./SidebarItem";
 import useTagSlice from "@/store/tags";
@@ -50,7 +51,9 @@ export default function () {
         </div>
       </div>
 
-      <SidebarItem item={{ name: "All Collections" }} icon={faHouse} />
+      <SidebarItem item={{ name: "All Links" }} icon={faBookmark} />
+
+      <SidebarItem item={{ name: "All Collections" }} icon={faBoxesStacked} />
 
       <div className="text-gray-500 flex items-center justify-between mt-5">
         <p className="text-sm p-3">Collections</p>