add stores directory and naming

src/components/views/Board.jsx

@@ -4,7 +4,7 @@ import InfiniteScroll from 'react-infinite-scroller';
 import { Tooltip } from 'react-tooltip';
 import { useFeed, usePublishComment } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
-import useAppStore from '../../useAppStore';
+import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Container, NavBar, Header, Break, PostFormLink, PostFormTable, PostForm, TopBar, BoardForm } from './styles/Board.styled';
 import CaptchaModal from '../CaptchaModal';
 import ImageBanner from '../ImageBanner';
@@ -34,7 +34,7 @@ const Board = () => {
     selectedTitle, setSelectedTitle,
     showPostForm,
     showPostFormLink
-  } = useAppStore(state => state);
+  } = useGeneralStore(state => state);
 
   const nameRef = useRef();
   const subjectRef = useRef();

src/components/views/Catalog.jsx

@@ -3,7 +3,7 @@ import { Link, useNavigate, useParams } from 'react-router-dom';
 import InfiniteScroll from 'react-infinite-scroller';
 import { useFeed, usePublishComment } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
-import useAppStore from '../../useAppStore';
+import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Container, NavBar, Header, Break, PostForm, PostFormLink, PostFormTable } from './styles/Board.styled';
 import { Threads } from './styles/Catalog.styled';
 import { TopBar } from './styles/Thread.styled';
@@ -30,7 +30,7 @@ const Catalog = () => {
     selectedTitle, setSelectedTitle,
     showPostForm,
     showPostFormLink
-  } = useAppStore(state => state);
+  } = useGeneralStore(state => state);
 
   const nameRef = useRef();
   const subjectRef = useRef();

src/components/views/Home.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from 'react';
-import useAppStore from '../../useAppStore';
+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 './styles/Home.styled';
 
@@ -11,7 +11,7 @@ const Home = () => {
     setSelectedAddress, 
     setSelectedStyle,
     setSelectedTitle
-  } = useAppStore(state => state);
+  } = useGeneralStore(state => state);
 
   const inputRef = useRef(null);
   const navigate = useNavigate();

src/components/views/NotFound.jsx

@@ -1,12 +1,12 @@
 import React, { useEffect }  from 'react';
-import useAppStore from '../../useAppStore';
+import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Link } from "react-router-dom";
 import { Container, Header, Logo, Page, Boards, BoardsTitle } from './styles/Home.styled';
 
 
 const NotFound = ({ setBodyStyle }) => {
 
-  const { setSelectedStyle } = useAppStore(state => state);
+  const { setSelectedStyle } = useGeneralStore(state => state);
 
   useEffect(() => {
     setBodyStyle({

src/components/views/Thread.jsx

@@ -3,7 +3,7 @@ import { Link, useNavigate, useParams } from 'react-router-dom';
 import { Tooltip } from 'react-tooltip';
 import { useComment, usePublishComment } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
-import useAppStore from '../../useAppStore';
+import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Container, NavBar, Header, Break, PostForm, PostFormTable, BoardForm } from './styles/Board.styled';
 import { ReplyFormLink, TopBar, BottomBar } from './styles/Thread.styled';
 import CaptchaModal from '../CaptchaModal';
@@ -32,7 +32,7 @@ const Thread = () => {
     selectedTitle, setSelectedTitle,
     showPostForm,
     showPostFormLink
-  } = useAppStore(state => state);
+  } = useGeneralStore(state => state);
 
   const nameRef = useRef();
   const commentRef = useRef();