you can now set description to a link + added link modal + many other changes and improvements

components/Modal/Collection/CollectionInfo.tsx

@@ -102,7 +102,7 @@ export default function CollectionInfo({
 
       <SubmitButton
         onClick={submit}
-        label={method === "CREATE" ? "Add Collection" : "Edit Collection"}
+        label={method === "CREATE" ? "Add" : "Save"}
         icon={method === "CREATE" ? faPlus : faPenToSquare}
         className="mx-auto mt-2"
       />

components/Modal/Collection/TeamManagement.tsx

@@ -305,7 +305,7 @@ export default function TeamManagement({
 
       <SubmitButton
         onClick={submit}
-        label={method === "CREATE" ? "Add Collection" : "Edit Collection"}
+        label={method === "CREATE" ? "Add" : "Save"}
         icon={method === "CREATE" ? faPlus : faPenToSquare}
         className="mx-auto mt-2"
       />

components/Modal/Collection/index.tsx

@@ -42,15 +42,10 @@ export default function CollectionModal({
   return (
     <div className={className}>
       <Tab.Group defaultIndex={defaultIndex}>
-        <p
-          className={`text-xl text-sky-500 text-center ${
-            method === "UPDATE" && "mb-5"
-          }`}
-        >
-          {method === "CREATE" && "Add"} Collection{" "}
-          {method === "UPDATE" && "Settings"}
-        </p>
-        <Tab.List className="flex justify-center flex-col sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-600">
+        {method === "CREATE" && (
+          <p className="text-xl text-sky-500 text-center">New Collection</p>
+        )}
+        <Tab.List className="flex justify-center flex-col max-w-[15rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-600">
           {method === "UPDATE" && (
             <>
               <Tab