Fix TypeScript errors

Author: koalasalmon

src/App.tsx

@@ -1,5 +1,5 @@
-import React, { useState, useEffect } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
+import { useState, useEffect } from 'react'
+import { motion } from 'framer-motion'
 import Navbar from './components/Navbar'
 import Hero from './components/Hero'
 import About from './components/About'

src/components/About.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { motion } from 'framer-motion'
 import { Code, Users, Award } from 'lucide-react'
 

src/components/Footer.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { motion } from 'framer-motion'
 import { Heart, Github, Linkedin, Mail } from 'lucide-react'
 
@@ -51,7 +50,7 @@ const Footer = () => {
             viewport={{ once: true }}
             className="flex justify-center space-x-4"
           >
-            {socialLinks.map((social, index) => (
+            {socialLinks.map((social) => (
               <motion.a
                 key={social.label}
                 whileHover={{ scale: 1.1, y: -2 }}

src/components/Hero.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import { motion } from 'framer-motion'
 import { Download, Github, Linkedin, Mail, ChevronDown } from 'lucide-react'
 import ProfileImage from './ProfileImage'

src/components/Navbar.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import { motion } from 'framer-motion'
 import { Menu, X, Sun, Moon } from 'lucide-react'
 import { useTheme } from '../contexts/ThemeContext'

src/components/ProfileImage.tsx

@@ -1,6 +1,5 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { motion } from 'framer-motion'
-import { User } from 'lucide-react'
 
 interface ProfileImageProps {
   src?: string

src/components/Projects.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { motion, AnimatePresence } from 'framer-motion'
 import { ExternalLink, Github, Laptop, Server, Smartphone } from 'lucide-react'
 

src/components/Skills.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { motion } from 'framer-motion'
 
 const Skills = () => {