chore:favicon

package.json

@@ -35,6 +35,7 @@
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-elastic-carousel": "^0.11.5",
+    "react-helmet": "^6.1.0",
     "react-hot-toast": "^2.4.1",
     "react-icons": "^4.10.1",
     "react-lottie": "^1.2.3",
@@ -47,6 +48,7 @@
     "@types/js-cookie": "^3.0.3",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
+    "@types/react-helmet": "^6.1.6",
     "@types/react-lottie": "^1.2.6",
     "@types/uuid": "^9.0.2",
     "@typescript-eslint/eslint-plugin": "^5.61.0",

src/layout/headeroptions/Header.tsx

@@ -8,7 +8,7 @@ export default function Header() {
     <Stack
       className="navbar"
       width={"100%"}
-      minHeight={"40px"}
+      minHeight={"50px"}
       justifyContent={"center"}
       sx={
         {
@@ -19,6 +19,7 @@ export default function Header() {
       <Stack
         className="navbar-container"
         paddingX={3}
+        paddingY={1}
         direction={"row"}
         alignItems={"center"}
       >

src/layout/headeroptions/HeaderActions.tsx

@@ -252,8 +252,9 @@ const UnauthorizedActions = () => {
       </Button>
       <Button component={Link}
        sx={{color:'#474747',variant:'outlined',border:'1px solid #474747',
+       background:'rgba(245, 245, 245, 0.5)',
       '&:hover' : {
-        background:'rgba(71, 71, 71, 0.3)',
+        background:'rgba(245, 245, 235, 0.9)',
       }
     }} 
       to={"/auth/register"}

src/main.tsx

@@ -3,9 +3,13 @@ import App from "./App.tsx";
 import "./index.css";
 import Apptheme from "./theme/Apptheme.tsx";
 import { Toaster } from "react-hot-toast";
+import { Helmet } from 'react-helmet';
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <Apptheme>
+     <Helmet>
+        <title>Pensdown</title>
+      </Helmet>
     <Toaster position="top-right" />
     <App />
   </Apptheme>