feat: added a badge

Author: CodeDead

components/NavBar/index.jsx

@@ -11,7 +11,7 @@ import {
   IconMail,
   IconTool,
 } from '@tabler/icons-react';
-import { Box, Collapse, Divider, Group, ScrollArea } from '@mantine/core';
+import { Badge, Box, Collapse, Divider, Group, ScrollArea } from '@mantine/core';
 import { MainContext } from '../../contexts/MainContextProvider';
 import classes from './navbar.module.css';
 
@@ -96,6 +96,9 @@ const NavBar = () => {
               }}
             >
               <span>Advanced PortChecker</span>
+              <Badge color="orange" style={{ float: 'right' }}>
+                Updated
+              </Badge>
             </Link>
             <Link
               className={classes.link2}

pages/_app.jsx

@@ -17,7 +17,7 @@ const App = ({ Component, pageProps }) => {
       <MainContextProvider>
         <AppShell
           header={{ height: 60 }}
-          navbar={{ width: 300, breakpoint: 'sm', collapsed: { mobile: !opened } }}
+          navbar={{ width: 330, breakpoint: 'sm', collapsed: { mobile: !opened } }}
           footer={{ height: 100 }}
           padding="md"
         >