don't hardcode version number

src/components/SettingsModal.jsx

@@ -6,6 +6,9 @@ import { StyledModal } from "./styled/SettingsModal.styled";
 import useGeneralStore from "../hooks/stores/useGeneralStore";
 import useError from "../hooks/useError";
 import useSuccess from "../hooks/useSuccess";
+import packageJson from '../../package.json'
+const {version} = packageJson
+
 
 const customOverlayStyles = {
   overlay: {
@@ -158,7 +161,7 @@ const SettingsModal = ({ isOpen, closeModal }) => {
       <div className="panel">
         <div className="panel-header">
           <span id="version">
-            v0.1.0
+            v{version}
           </span>
           Settings
           <Link to="" onClick={handleCloseModal}>

src/components/views/Board.jsx

@@ -22,6 +22,8 @@ import handleStyleChange from '../../utils/handleStyleChange';
 import renderComments from '../../utils/renderComments';
 import useClickForm from '../../hooks/useClickForm';
 import useError from '../../hooks/useError';
+import packageJson from '../../../package.json'
+const {version} = packageJson
 
 
 const Board = () => {
@@ -987,7 +989,7 @@ const Board = () => {
             </>
           </NavBar>
           <div id="version">
-            plebchan v0.1.0. GPL-2.0
+            plebchan v{version}. GPL-2.0
           </div>
           <div className="footer-links"
             style={{

src/components/views/Catalog.jsx

@@ -15,6 +15,8 @@ import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useClickForm from '../../hooks/useClickForm';
 import useError from '../../hooks/useError';
+import packageJson from '../../../package.json'
+const {version} = packageJson
 
 
 const Catalog = () => {
@@ -471,7 +473,7 @@ const Catalog = () => {
             </>
           </NavBar>
           <div id="version">
-            plebchan v0.1.0. GPL-2.0
+            plebchan v{version}. GPL-2.0
           </div>
           <div className="footer-links"
             style={{

src/components/views/Home.jsx

@@ -3,6 +3,8 @@ import { Helmet } from 'react-helmet-async';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Link, useNavigate } from 'react-router-dom';
 import { Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from '../styled/Home.styled';
+import packageJson from '../../../package.json'
+const {version} = packageJson
 
 
 const Home = () => {
@@ -134,7 +136,7 @@ const Home = () => {
           fontSize: "11px",
           marginBottom: "2em",
         }}>
-          plebchan v0.1.0. GPL-2.0
+          plebchan v{version}. GPL-2.0
         </div>
       </Container>
     </>

src/components/views/NotFound.jsx

@@ -3,6 +3,8 @@ import { Helmet } from 'react-helmet-async';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Link } from "react-router-dom";
 import { Container, Header, Logo, Page, Boards, BoardsTitle } from '../styled/Home.styled';
+import packageJson from '../../../package.json'
+const {version} = packageJson
 
 
 const NotFound = ({ setBodyStyle }) => {
@@ -48,7 +50,7 @@ const NotFound = ({ setBodyStyle }) => {
           fontSize: "11px",
           marginTop: "2em",
         }}>
-          plebchan v0.1.0. GPL-2.0
+          plebchan v{version}. GPL-2.0
         </div>
       </Container>
     </>

src/components/views/Pending.jsx

@@ -16,6 +16,8 @@ import getDate from '../../utils/getDate';
 import handleQuoteClick from '../../utils/handleQuoteClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useError from '../../hooks/useError';
+import packageJson from '../../../package.json'
+const {version} = packageJson
 
 
 const Pending = () => {
@@ -381,7 +383,7 @@ const Pending = () => {
           marginTop: "2em",
           marginBottom: "2em",
         }}>
-          plebchan v0.1.0. GPL-2.0
+          plebchan v{version}. GPL-2.0
         </div>
       </Container>
     </>

src/components/views/Thread.jsx

@@ -22,6 +22,8 @@ import handleStyleChange from '../../utils/handleStyleChange';
 import renderThreadComments from '../../utils/renderThreadComments';
 import useClickForm from '../../hooks/useClickForm';
 import useError from '../../hooks/useError';
+import packageJson from '../../../package.json'
+const {version} = packageJson
 
 
 const Thread = () => {
@@ -1032,7 +1034,7 @@ const Thread = () => {
             </>
           </NavBar>
           <div id="version">
-            plebchan v0.1.0. GPL-2.0
+            plebchan v{version}. GPL-2.0
           </div>
           <div className="footer-links"
             style={{