feat: add tooltip to scroll button

src/components/scroll-to-top/scroll-to-top.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
 import { BiUpArrowAlt } from 'react-icons/bi/index';
 import { motion, AnimatePresence } from 'framer-motion';
 
+import { Tooltip } from '@/components/tooltip';
 import { mix, fade, slideY } from '@/lib/motion';
 
 import styles from './scroll-to-top.module.css';
@@ -32,6 +33,7 @@ export function ScrollToTop() {
   return (
     <AnimatePresence>
       {isVisible && (
+        <Tooltip content="Scroll to top" hideDelay={0} showDelay={0}>
           <motion.button
             animate="show"
             aria-label="Scroll to top"
@@ -43,6 +45,7 @@ export function ScrollToTop() {
           >
             <BiUpArrowAlt />
           </motion.button>
+        </Tooltip>
       )}
     </AnimatePresence>
   );

src/components/tooltip/tooltip.tsx

@@ -41,7 +41,7 @@ export function Tooltip({
     placement: computedPlacement,
     refs,
   } = useFloating({
-    middleware: [offset(12), flip(), shift()],
+    middleware: [offset(12), flip(), shift({ padding: 8 })],
     onOpenChange: setIsTooltipOpen,
     open: isTooltipOpen,
     placement: placement,