Remove draggable abilities here

src/components/AccountButton.tsx

@@ -6,7 +6,11 @@ export function AccountButton () {
   return (
     <>
       <div className='relative'>
-        <Link href='/account' className='top-button absolute -top-4 -left-4'>
+        <Link
+          href='/account'
+          className='top-button absolute -top-4 -left-4'
+          draggable={false}
+        >
           <FontAwesomeIcon icon={faUser} />
         </Link>
       </div>

src/components/BackButton.tsx

@@ -21,6 +21,7 @@ export function BackButton ({
           href={href}
           className='top-button absolute -top-4 -left-4'
           ref={refLink}
+          draggable={false}
         >
           <FontAwesomeIcon icon={faArrowLeft} />
         </Link>
@@ -30,6 +31,7 @@ export function BackButton ({
           onClick={onClick}
           className='top-button absolute -top-4 -left-4'
           ref={refButton}
+          draggable={false}
         >
           <FontAwesomeIcon icon={faArrowLeft} />
         </button>

src/components/DiscordButton.tsx

@@ -9,6 +9,7 @@ export function DiscordButton ({ href }: { href?: string }) {
         <Link
           href={href ?? '/discord'}
           className='top-button absolute -top-4 -right-4'
+          draggable={false}
         >
           <FontAwesomeIcon icon={faDiscord} />
         </Link>

src/components/HomeButton.tsx

@@ -15,6 +15,7 @@ export function HomeButton ({
           href='/'
           className='top-button absolute -top-4 -left-4'
           ref={refLink}
+          draggable={false}
         >
           <FontAwesomeIcon icon={faHome} />
         </Link>

src/components/ReloadButton.tsx

@@ -8,6 +8,7 @@ export function ReloadButton ({ action }: { action: () => void }) {
         <button
           className='top-button absolute -top-4 -right-4'
           onClick={action}
+          draggable={false}
         >
           <FontAwesomeIcon icon={faArrowsRotate} />
         </button>

src/components/UploadButton.tsx

@@ -6,7 +6,11 @@ export function UploadButton ({ href }: { href: string }) {
   return (
     <>
       <div className='relative'>
-        <Link href={href} className='top-button absolute -top-4 right-8'>
+        <Link
+          href={href}
+          className='top-button absolute -top-4 right-8'
+          draggable={false}
+        >
           <FontAwesomeIcon icon={faUpload} />
         </Link>
       </div>