refactor: Update About component styling and content

src/components/About.tsx

@@ -20,7 +20,7 @@ const About = () => {
     return (
         <div className='py-5 md:px-5 px-5 sm:mt-24' id='about'>
             <h1 className='text-3xl mt-5 text-primary font-semibold'>About me</h1>
-            <p className='text-white font-medium my-2 md:w-11/12 leading-[3] text-lg' >I enjoy solving technical problems, researching and developing new technologies, designing software applications for different platforms. <br />I enjoy meeting people and working with them in a team environment. I also enjoy interacting with clients and customers. <br />My strong customer service skills allow me to do this well. I am a quick learner with a fun, outgoing personality. In addition, I excel in my ability to work under pressure and handle stressful situations very well.</p>
+            <p className='text-white font-normal my-2 md:w-11/12 leading-[2] text-lg' >I enjoy solving technical problems, researching and developing new technologies, designing software applications for different platforms. <br />I enjoy meeting people and working with them in a team environment.<br /> I also enjoy interacting with clients and customers. <br />My strong customer service skills allow me to do this well. I am a quick learner with a fun, outgoing personality.</p>
             {/* techstack */}
             <div className="md:flex items-center my-7">
                 <p className='text-primary text-8xl font-bold'>{yearsOfExperience}+</p>

src/components/Blogs.tsx

@@ -32,8 +32,8 @@ const Blogs = () => {
     // console.log(posts)
 
     return (
-        <div className=' px-7 md:px-10 my-8 min-h-fit' id='blogs'>
-            <h1 className='text-3xl mt-5 text-primary font-semibold'>Blogs</h1>
+        <div className=' px-7 md:px-10 my-8 min-h-fit' id='articles'>
+            <h1 className='text-3xl mt-5 text-primary font-semibold'>Articles</h1>
             <p className='text-white my-2 md:w-2/3 leading-[2]'>Checkout some of my featured articles</p>
             {/* project items */}
             {

src/components/Header.tsx

@@ -7,7 +7,7 @@ const Header = () => {
         { name: 'Home', link: '' },
         { name: 'About me', link: 'about' },
         { name: 'Projects', link: 'projects' },
-        { name: 'Articles', link: 'https://codewithpres.hashnode.dev' },
+        { name: 'Articles', link: 'articles' },
         { name: 'Contact me', link: 'contact' },
     ];