Merge pull request #171 from git-bruh/main

fix: replace various anchor tags with buttons to prevent text selection on repeated clicks

client/src/components/Nav/ClearConvos.jsx

@@ -25,13 +25,13 @@ export default function ClearConvos() {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <a
+        <button
           className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
           // onClick={clickHandler}
         >
           <TrashIcon />
           Clear conversations
-        </a>
+        </button>
       </DialogTrigger>
       <DialogTemplate
         title="Clear conversations"

client/src/components/Nav/DarkMode.jsx

@@ -10,12 +10,12 @@ export default function DarkMode() {
   const mode = theme === 'dark' ? 'Light mode' : 'Dark mode';
 
   return (
-    <a
+    <button
       className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
       onClick={clickHandler}
     >
       {theme === 'dark' ? <LightModeIcon /> : <DarkModeIcon />}
       {mode}
-    </a>
+    </button>
   );
 }

client/src/components/Nav/ExportConversation/index.jsx

@@ -23,7 +23,7 @@ export default function ExportConversation() {
 
   return (
     <>
-      <a
+      <button
         className={cn(
           'flex items-center gap-3 rounded-md py-3 px-3 text-sm transition-colors duration-200 hover:bg-gray-500/10',
           exportable ? 'cursor-pointer text-white' : 'cursor-not-allowed text-gray-400'
@@ -32,7 +32,7 @@ export default function ExportConversation() {
       >
         <Download size={16} />
         Export conversation
-      </a>
+      </button>
 
       <ExportModel
         open={open}

client/src/components/Nav/Logout.jsx

@@ -11,13 +11,13 @@ export default function Logout() {
   };
 
   return (
-    <a
+    <button
       className="flex cursor-pointer items-center gap-3 rounded-md py-3 px-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10"
       onClick={clickHandler}
     >
       <LogOutIcon />
       {user?.display || user?.username || 'USER'}
       <small>Log out</small>
-    </a>
+    </button>
   );
 }