fix: update social icon paths and improve header links

- Refactor social icon paths in members.ts to use absolute URLs for better accessibility.
- Update header links in Header component to use absolute paths for consistent navigation.

Author: rsaz

src/app/team/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { alumni, team } from '@/data/members'
+import { alumni, team, socialIcons } from '@/data/members'
 import { Container } from '@/components'
 import { Member as MemberType } from '@/components/Member/type'
 import { IconUsers, IconHeart, IconStar } from '@tabler/icons-react'
@@ -89,7 +89,7 @@ export default function Team() {
                         className="flex h-8 w-8 items-center justify-center rounded-lg bg-neutral-3/20 transition-all duration-300 hover:scale-110 hover:bg-base-6/20"
                       >
                         <Image
-                          src={`./assets/icons/socials/${social.name}.svg`}
+                          src={socialIcons(social.name)}
                           alt={social.name}
                           width={16}
                           height={16}
@@ -163,7 +163,7 @@ export default function Team() {
                         className="flex h-8 w-8 items-center justify-center rounded-lg bg-neutral-3/20 transition-all duration-300 hover:scale-110 hover:bg-base-6/20"
                       >
                         <Image
-                          src={`./assets/icons/socials/${social.name}.svg`}
+                          src={socialIcons(social.name)}
                           alt={social.name}
                           width={16}
                           height={16}

src/components/Header/index.tsx

@@ -43,8 +43,8 @@ export const Header = () => {
 
         <div className="flex items-center gap-6 max-lg:hidden">
           <ul className="flex items-center justify-end gap-6">
-            <MenuLi href="#playground">Playground</MenuLi>
-            <MenuLi href="#ecosystem">Ecosystem</MenuLi>
+            <MenuLi href="/#playground">Playground</MenuLi>
+            <MenuLi href="/#ecosystem">Ecosystem</MenuLi>
             <MenuLi href="/team">Team</MenuLi>
           </ul>
           <div className="flex items-center gap-3">

src/data/members.ts

@@ -1,8 +1,8 @@
 import { Member, SocialIcons } from '@/components/Member/type'
 
 const socialIconsMap: SocialIcons = {
-  github: './assets/icons/socials/github.svg',
-  linkedin: './assets/icons/socials/linkedin.svg',
+  github: '/assets/icons/socials/github.svg',
+  linkedin: '/assets/icons/socials/linkedin.svg',
 }
 
 const socialIcons = (name: string): string => {