chore: only show 'back button' on mobile (#134)

Author: kaf-lamed-beyt

src/components/BackButton.tsx

@@ -1,21 +1,26 @@
 import { ArrowLeft } from '@phosphor-icons/react'
 import { useRouter } from 'next/navigation'
 
+import { useMobileScreens } from '@/hooks/use-mobile-screens'
+
 import { Button } from './ui'
 
 export const BackButton = () => {
   const router = useRouter()
+  const { isSmallViewPort } = useMobileScreens()
   return (
-    <Button
-      $background="none"
-      $color="var(--color-black)"
-      $width="6%"
-      $alignItems="center"
-      $gap="1rem"
-      $padding="0"
-      onClick={() => router.back()}
-    >
-      <ArrowLeft size={18} />
-    </Button>
+    isSmallViewPort && (
+      <Button
+        $background="none"
+        $color="var(--color-black)"
+        $width="6%"
+        $alignItems="center"
+        $gap="1rem"
+        $padding="0"
+        onClick={() => router.back()}
+      >
+        <ArrowLeft size={18} />
+      </Button>
+    )
   )
 }