added full favicon support via helmet

src/App.js

@@ -1,15 +1,28 @@
 import React from 'react';
 import { Route, Routes } from 'react-router-dom';
+import { Helmet } from 'react-helmet-async';
 import Home from './components/Home';
 import Board from './components/Board';
 import Thread from './components/Thread';
 
 function App() {
-  return <Routes>
-    <Route path='/' element={<Home />} />
-    <Route path='/board' element={<Board />} />
-    <Route path='/board/:thread' element={<Thread />} />
-  </Routes>
-}
+  return (
+  <div>
+    <Helmet>
+      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+      <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+      <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+      <link rel="manifest" href="/site.webmanifest" />
+      <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#fee9cd" />
+      <meta name="msapplication-TileColor" content="#fee9cd" />
+      <meta name="theme-color" content="#ffffff" />
+    </Helmet>
+    <Routes>
+      <Route path='/' element={<Home />} />
+      <Route path='/board' element={<Board />} />
+     <Route path='/board/:thread' element={<Thread />} />
+    </Routes>
+  </div>
+)}
 
 export default App;

src/components/Board.jsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 class Board extends React.Component {
   render() {

src/components/Thread.jsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 class Thread extends React.Component {
   render() {

src/index.js

@@ -2,12 +2,15 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 import { BrowserRouter } from 'react-router-dom';
+import { HelmetProvider } from 'react-helmet-async';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+    <HelmetProvider>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </HelmetProvider>
   </React.StrictMode>
 );