Add account button and switch to font awesome fully

src/app/components/AccountButton.tsx

@@ -0,0 +1,15 @@
+import { faUser } from '@fortawesome/free-regular-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import Link from 'next/link'
+
+export function AccountButton () {
+  return (
+    <>
+      <div className='relative'>
+        <Link href='/account' className='home-button absolute -top-4 -left-4'>
+          <FontAwesomeIcon icon={faUser} />
+        </Link>
+      </div>
+    </>
+  )
+}

src/app/components/DiscordButton.tsx

@@ -6,7 +6,7 @@ export function DiscordButton () {
   return (
     <>
       <div className='relative'>
-        <Link href='/' className='home-button absolute -top-4 -right-4'>
+        <Link href='/discord' className='home-button absolute -top-4 -right-4'>
           <FontAwesomeIcon icon={faDiscord} />
         </Link>
       </div>

src/app/components/HomeButton.tsx

@@ -1,3 +1,5 @@
+import { faHome } from '@fortawesome/free-regular-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Link from 'next/link'
 
 export function HomeButton () {
@@ -5,7 +7,7 @@ export function HomeButton () {
     <>
       <div className='relative'>
         <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
+          <FontAwesomeIcon icon={faHome} />
         </Link>
       </div>
     </>