Refactor footer links to use React Router's Link component for improved navigation

src/components/Footer.tsx

@@ -1,4 +1,5 @@
 import { useTranslation } from 'react-i18next'
+import { Link } from 'react-router-dom'
 
 function Footer() {
   const { t } = useTranslation()
@@ -12,12 +13,12 @@ function Footer() {
         </div>
         <div className="footer-section">
           <h4>{t('footer.quickLinks')}</h4>
-          <a href="/">{t('nav.home')}</a>
-          <a href="/#servers">{t('nav.servers')}</a>
-          <a href="/#blog">{t('nav.blog')}</a>
+          <Link to="/">{t('nav.home')}</Link>
+          <Link to="/servers">{t('nav.servers')}</Link>
+          <Link to="/blog">{t('nav.blog')}</Link>
           <a href="https://git.cialloo.com">{t('nav.git')}</a>
           <a href="/#forum">{t('nav.forum')}</a>
-          <a href="/friends">{t('nav.friends')}</a>
+          <Link to="/friends">{t('nav.friends')}</Link>
         </div>
         <div className="footer-section">
           <h4>{t('footer.communityLinks')}</h4>