improved UI

pages/links.tsx

@@ -52,12 +52,14 @@ export default function Links() {
     <MainLayout>
       <div className="p-5 flex flex-col gap-5 w-full">
         <div className="flex gap-3 justify-between items-center">
-          <div className="flex gap-2 items-center">
+          <div className="flex gap-2">
             <FontAwesomeIcon
               icon={faBookmark}
-              className="w-5 h-5 text-sky-300"
+              className="sm:w-8 sm:h-8 w-6 h-6 mt-2 text-sky-300"
             />
-            <p className="text-lg text-sky-900">All Links</p>
+            <p className="sm:text-4xl text-3xl capitalize bg-gradient-to-tr from-sky-500 to-slate-400 bg-clip-text text-transparent font-bold">
+              All Links
+            </p>
           </div>
 
           <div className="relative">
@@ -75,7 +77,7 @@ export default function Links() {
 
             {sortDropdown ? (
               <SortLinkDropdown
-                handleSortChange={(e) => setSortBy(e.target.value)}
+                handleSortChange={handleSortChange}
                 sortBy={sortBy}
                 toggleSortDropdown={() => setSortDropdown(!sortDropdown)}
               />