FEAT: Added in timeline element

src/main.svelte

@@ -7,7 +7,7 @@
     import Card from '$lib/components/Cards/Card.svelte';
     import FlexGallery from "$lib/components/FlexGallery.svelte";
     import SkillProgress from "$lib/components/SkillProgress.svelte";
-    import Timeline from './timeline.svelte';
+    import Timeline from '$lib/components/Timeline.svelte';
 </script>
 
 {#await getJson('/json/me.json')}
@@ -24,7 +24,7 @@
     </div>
 
     <!-- Main Card -->
-    <Section label="Experience">
+    <Section label="[Experience]">
         <Card headerLeft={info.name} headerRight={info.job_title} footer={info.location}>
             <div class="flex flex-row items-center gap-5">
                 <img
@@ -38,7 +38,7 @@
     </Section>
 
     <!-- SKills -->
-    <Section label="Skills">
+    <Section label="[Skills]">
         <FlexGallery>
             {#each info.skills as skill}
                 <Card headerLeft={skill.name} footer={skill.link} containerStyle="flex-1 min-w-[250px] max-w-full md:min-w-[33%] opacity-100 hover:opacity-100 hover:scale-[105%] md:opacity-70 transition-all duration-300">
@@ -50,8 +50,8 @@
         </FlexGallery>
     </Section>
 
-    <Section label="Experience">
-        <Timeline timelineData={info.experience} />
+    <Section label="[Experience]">
+        <Timeline timelineData={info.timeline} />
     </Section>
 {:catch}
     <div style="display: none;">