feat: update components and styles for improved UI

- Changed the style in components.json from "new-york" to "radix-mira".
- Updated Tailwind CSS configuration path in components.json.
- Added menu color and accent properties in components.json.
- Upgraded various dependencies in package.json, including Next.js and framer-motion.
- Enhanced globals.css with new theme variables and animations for accordion components.
- Added new social media links in Contact component and replaced anchor tags with Link component for better routing.
- Removed outdated project entry from Projects component.
- Refactored Timeline component to use Button component for year selection.
- Added new icon for maishift in public directory.

src/components/Contact.tsx

@@ -5,6 +5,7 @@ import {
     TooltipTrigger,
 } from "@/components/ui/tooltip";
 import Image from "next/image";
+import Link from "next/link";
 
 const contact = [
     {
@@ -27,11 +28,21 @@ const contact = [
         "url": "https://instagram.com/imnya.ng",
         "icon": <Instagram className="w-5 h-5" />
     },
+    {
+        "name": "𝕏",
+        "url": "https://x.com/imnya_ng",
+        "icon": <p className="text-[20px] font-bold">𝕏</p>
+    },
     {
         "name": "Discord",
         "url": "https://imnya.ng/discord",
         "icon": <Image src="/icon/discord.svg" alt="Discord" width={20} height={20} className="w-5 h-5 invert-0 dark:invert" />
     },
+    {
+        "name": "maishift",
+        "url": "https://mai.sft.sh/imnyang",
+        "icon": <Image src="/icon/maimai.webp" alt="mai.sft.sh" width={20} height={20} className="w-5 h-5 invert-0 dark:invert" />
+    }
 ]
 
 export default function Contact() {
@@ -40,14 +51,14 @@ export default function Contact() {
             {contact.map((method) => (
                 <Tooltip key={method.name} >
                     <TooltipTrigger asChild>
-                        <a
+                        <Link
                             href={method.url}
                             className="flex items-center space-x-2 text-foreground/80 hover:text-foreground transition-colors"
                             target="_blank"
                             rel="noopener noreferrer"
                         >
                             {method.icon}
-                        </a>
+                        </Link>
                     </TooltipTrigger>
                     <TooltipContent>
                         <p>{method.name}</p>