update skill labels

Author: qitpydev

src/data.ts

@@ -67,8 +67,8 @@ const SkillsData = {
             }
         ]
     },
-    web_skill: {
-        name: "Web_skills",
+    web: {
+        name: "Webs",
         items: [{
             name: "Python",
             link: "https://www.python.org/"
@@ -86,8 +86,8 @@ const SkillsData = {
             link: "https://microservices.io/"
         },],
     },
-    database_skill: {
-        name: "Database_skills",
+    database: {
+        name: "Database",
         items: [{
             name: "Mysql",
             link: "https://www.mysql.com/"
@@ -99,8 +99,8 @@ const SkillsData = {
             link: "https://www.mongodb.com/"
         }],
     },
-    devops_skill: {
-        name: "Devops_skills",
+    devops: {
+        name: "Devops",
         items: [{
             name: "AWS",
             link: "https://aws.amazon.com/"

src/pages/Portfolio/features/PortfolioContent/Skill/Skill.tsx

@@ -25,9 +25,9 @@ function Skill(props) {
     <div className='portfolio-skill'>
         <div className="label-rotate">Skills</div>
         <SkillItem id={osElementId} label={SkillsData.os.name} skills={SkillsData.os.items} />
-        <SkillItem id={databaseElementId} label={SkillsData.database_skill.name} skills={SkillsData.database_skill.items} />
-        <SkillItem id={webElementId} label={SkillsData.web_skill.name} skills={SkillsData.web_skill.items} />
-        <SkillItem id={devopsElementId} label={SkillsData.devops_skill.name} skills={SkillsData.devops_skill.items} />
+        <SkillItem id={databaseElementId} label={SkillsData.database.name} skills={SkillsData.database.items} />
+        <SkillItem id={webElementId} label={SkillsData.web.name} skills={SkillsData.web.items} />
+        <SkillItem id={devopsElementId} label={SkillsData.devops.name} skills={SkillsData.devops.items} />
         <SkillItem id={toolElementId} label={SkillsData.tools.name} skills={SkillsData.tools.items} />
         <SkillItem id={otherElementId} label={SkillsData.others.name} skills={SkillsData.others.items} />
     </div>

src/pages/Portfolio/features/components/contact_components/PortfolioHeaderLeaveMessage.tsx

@@ -1,6 +1,8 @@
 import React, { useState } from 'react'
 import { ClassNames } from '../../../common/function/functions';
 
+
+// USE Lambda Function to implement this method
 const PortfolioHeaderLeaveMessage = () => {
 
     const [message, setMessage] = useState('')