chore: changes (#4)

<!--
hint: follow the conventional commits
look at CONTRIBUTING.md
make sure this repo would take a PR.
-->

## features

.github/workflows/deploy.yml

@@ -12,7 +12,6 @@ on:
   workflow_dispatch:
 
 jobs:
-
   build:
     name: Build & deploy
     runs-on: ubuntu-latest

justfile

@@ -0,0 +1,8 @@
+run: 
+    yarn start
+
+build: 
+    yarn build
+
+install:
+    yarn install

src/components/AboutPage/index.tsx

@@ -1,7 +1,25 @@
 import { mdiBullet } from '@mdi/js'
 import Icon from '@mdi/react'
+import { useEffect, useState } from 'react'
 
 export default function AboutPage () {
+  const [currentGrade, setCurrentGrade] = useState<string>("0th")
+  useEffect(() => {
+    let year:number = new Date().getFullYear()
+    if (year > 2027) {
+let result = year - 2027
+      switch(result) {
+case 0:
+  setCurrentGrade(`12th`)
+  break;
+  default: 
+setCurrentGrade(`Collage Student`)
+  break;
+      }
+    } else {
+      setCurrentGrade(`${Math.abs((2027 - 2024) - 13)}th`)
+    }
+  })
   return <div className={'hero min-h-screen md:ml-0 ml-2'}>
     <div className='container'>
       <h1 className='text-3xl font-bold'>
@@ -13,7 +31,7 @@ Some info about <span className='text-highlight'>me</span>
             Hi Everyone, I am{' '}
             <span className='text-highlight '>Saahil dutta, </span>
             from <span className='text-highlight '> USA </span>
-            <br />I am a 9th grader in KCD.
+            <br />I am a {currentGrade} grader in KCD.
             <br />
             <br />
             Apart from coding, some other activities that I love to do!