Change library for home icon + set favicon and title

bun.lock

@@ -4,13 +4,10 @@
     "": {
       "name": "lncvrt-games-website",
       "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^7.1.0",
-        "@fortawesome/free-solid-svg-icons": "^7.1.0",
-        "@fortawesome/react-fontawesome": "^3.1.0",
         "next": "16.0.1",
         "react": "19.2.0",
         "react-dom": "19.2.0",
-        "swiper": "^12.0.3",
+        "swiper": "12.0.3",
       },
       "devDependencies": {
         "@tailwindcss/postcss": "4.1.16",
@@ -83,14 +80,6 @@
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
 
-    "@fortawesome/fontawesome-common-types": ["@fortawesome/fontawesome-common-types@7.1.0", "", {}, "sha512-l/BQM7fYntsCI//du+6sEnHOP6a74UixFyOYUyz2DLMXKx+6DEhfR3F2NYGE45XH1JJuIamacb4IZs9S0ZOWLA=="],
-
-    "@fortawesome/fontawesome-svg-core": ["@fortawesome/fontawesome-svg-core@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-fNxRUk1KhjSbnbuBxlWSnBLKLBNun52ZBTcs22H/xEEzM6Ap81ZFTQ4bZBxVQGQgVY0xugKGoRcCbaKjLQ3XZA=="],
-
-    "@fortawesome/free-solid-svg-icons": ["@fortawesome/free-solid-svg-icons@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-Udu3K7SzAo9N013qt7qmm22/wo2hADdheXtBfxFTecp+ogsc0caQNRKEb7pkvvagUGOpG9wJC1ViH6WXs8oXIA=="],
-
-    "@fortawesome/react-fontawesome": ["@fortawesome/react-fontawesome@3.1.0", "", { "peerDependencies": { "@fortawesome/fontawesome-svg-core": "~6 || ~7", "react": "^18.0.0 || ^19.0.0" } }, "sha512-5OUQH9aDH/xHJwnpD4J7oEdGvFGJgYnGe0UebaPIdMW9UxYC/f5jv2VjVEgnikdJN0HL8yQxp9Nq+7gqGZpIIA=="],
-
     "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
 
     "@humanfs/node": ["@humanfs/node@0.16.7", "", { "dependencies": { "@humanfs/core": "^0.19.1", "@humanwhocodes/retry": "^0.4.0" } }, "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ=="],

package.json

@@ -9,13 +9,10 @@
     "lint": "eslint"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^7.1.0",
-    "@fortawesome/free-solid-svg-icons": "^7.1.0",
-    "@fortawesome/react-fontawesome": "^3.1.0",
     "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "swiper": "^12.0.3"
+    "swiper": "12.0.3"
   },
   "devDependencies": {
     "typescript": "5.9.3",

src/app/game/berry-dash/page.tsx

@@ -6,15 +6,18 @@ import { Navigation, Keyboard } from 'swiper/modules'
 import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faHome } from '@fortawesome/free-solid-svg-icons'
+import { useEffect } from 'react'
 
 export default function BerryDashGameInfo () {
+  useEffect(() => {
+    document.title = 'Lncvrt Games - Berry Dash'
+  }, [])
+
   return (
     <div className='box text-center'>
       <div className='relative'>
         <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <FontAwesomeIcon icon={faHome} />
+          <span className='material-symbols-outlined'>home</span>
         </Link>
       </div>
       <p className='text-4xl'>Berry Dash</p>

src/app/game/triangles/page.tsx

@@ -6,15 +6,18 @@ import { Navigation, Keyboard } from 'swiper/modules'
 import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faHome } from '@fortawesome/free-solid-svg-icons'
+import { useEffect } from 'react'
 
 export default function TrianglesGameInfo () {
+  useEffect(() => {
+    document.title = 'Lncvrt Games - Triangles'
+  }, [])
+
   return (
     <div className='box text-center'>
       <div className='relative'>
         <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <FontAwesomeIcon icon={faHome} />
+          <span className='material-symbols-outlined'>home</span>
         </Link>
       </div>
       <p className='text-4xl'>Triangles</p>

src/app/layout.tsx

@@ -12,6 +12,17 @@ export default function RootLayout ({
 }>) {
   return (
     <html lang='en'>
+      <head>
+        <link
+          rel='stylesheet'
+          href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=home,search'
+        />
+        <link
+          rel='icon'
+          type='image/png'
+          href='https://cdn.lncvrt.xyz/pfp-round.png'
+        />
+      </head>
       <body className={lexend.className}>{children}</body>
     </html>
   )