feat: Add JSON data files for About, Blog Posts, Contact, Projects, Skills, and Social Links

- Created AboutProps.json with core values, technical arsenal, professional journey, and testimonials.
- Added BlogPosts.json for blog post data including title, content, and metadata.
- Introduced Contact.json for contact information and FAQs.
- Created ProjectProps.json as a template for project details.
- Added SkillCardProps.json for skill categories and skills.
- Introduced SocialLink.json for social media links.
- Updated components to fetch data from newly created JSON files instead of hardcoded values.
- Adjusted TypeScript configuration to support JSON module imports.
- Enhanced Vite configuration for public directory and build targets.

src/data/skillCardData.ts

@@ -1,60 +1,7 @@
 import {type SkillCardProps} from '../untils/SkillCardProps';
 
-export const skillCardData: SkillCardProps[] = [
-    {
-        categoryIcon: "fa-code",
-        categoryTitle: "Languages",
-        skills: [
-            { name: "C/C++", icon: "devicon-cplusplus-plain" },
-            { name: "Python", icon: "devicon-python-plain" },
-            { name: ".NET", icon: "devicon-dotnetcore-plain" },
-            { name: "C#", icon: "devicon-csharp-plain" },
-        ]
-    },
-    {
-        categoryIcon: "fa-microchip",
-        categoryTitle: "Embedded Systems",
-        skills: [
-            { name: "STM32 (I2C, SPI, UART)", icon: "fas fa-microchip" },
-            { name: "ESP32", icon: "fas fa-wifi" },
-            { name: "Pico-SDK", icon: "fas fa-memory" }
-        ]
-    },
-    {
-        categoryIcon: "fa-brain",
-        categoryTitle: "Data & ML",
-        skills: [
-            { name: "Pandas", icon: "devicon-pandas-plain" },
-            { name: "Scikit-learn", icon: "devicon-scikitlearn-plain" },
-            { name: "Scikit-image", icon: "fas fa-image" },
-            { name: "PyTorch", icon: "devicon-pytorch-plain" },
-            { name: "OpenCV", icon: "devicon-opencv-plain" }
-        ]
-    },
-    {
-        categoryIcon: "fas fa-window-maximize",
-        categoryTitle: "Web Development",
-        skills: [
-            { name: "ASP.NET Core", icon: "devicon-dot-net-plain" },
-            { name: "Entity Framework", icon: "fas fa-database" },
-            { name: "Blazor", icon: "devicon-dotnetcore-plain"},
-            { name: "React", icon: "devicon-react-original" },
-            { name: "Django", icon: "devicon-django-plain" },
-            { name: "Bootstrap", icon: "devicon-bootstrap-plain" },
-        ],
-    },
-    {
-        categoryIcon: "fas fa-cloud",
-        categoryTitle: "DevOps & Systems",
-        skills: [
-            { name: "Docker", icon: "devicon-docker-plain" },
-            { name: "Docker-compose", icon: "fas fa-layer-group" },
-            { name: "Linux CLI", icon: "devicon-bash-plain" },
-            { name: "Git", icon: "devicon-git-plain" },
-            { name: "CI/CD", icon: "fas fa-cogs" },
-            { name: "Cmake", icon: "devicon-cmake-plain" },
-            { name: "Linux", icon: "devicon-linux-plain" },
-            { name: "Jenkins", icon: "devicon-jenkins-plain" },
-        ]
-    }
-];
+const url = `${import.meta.env.BASE_URL}data/SkillCardProps.json`;
+const res = await fetch(url);
+if (!res.ok) throw new Error(`Failed to fetch skill card data: ${res.status}`);
+
+export const skillCardData: SkillCardProps[] = await res.json();