Readded credits, added all open source projects used in credits, added achievements in sidebar as we seem to have enough space on a 1920x1080 screen for it

src/pages/Credits.tsx

@@ -1,12 +1,35 @@
 import { motion } from 'framer-motion';
 
 const credits = [
-  { name: 'Pixelify Sans', by: 'Stefie Justprince - Google Fonts', url: 'https://fonts.google.com/specimen/Pixelify+Sans' },
+  // Fonts
   { name: 'Minecraftia', by: 'Andrew Tyler - CDN Fonts', url: 'https://www.cdnfonts.com/minecraftia.font' },
+  { name: 'Pixelify Sans', by: 'Stefie Justprince - Google Fonts', url: 'https://fonts.google.com/specimen/Pixelify+Sans' },
+
+  // Core Frameworks & Libraries
+  { name: 'ECharts', by: 'Apache ECharts', url: 'https://echarts.apache.org/en/index.html' },
   { name: 'Framer Motion', by: 'Framer - Animation Library', url: 'https://www.framer.com/motion/' },
-  { name: 'Tailwind CSS', by: 'Tailwind Labs', url: 'https://tailwindcss.com/' },
   { name: 'React', by: 'Meta Open Source', url: 'https://react.dev/' },
+  { name: 'React Hook Form', by: 'Daisuke Hirayama', url: 'https://react-hook-form.com/' },
+  { name: 'React Router', by: 'Remix Software', url: 'https://reactrouter.com/' },
+  { name: 'Recharts', by: 'Recharts Group', url: 'https://recharts.org/' },
+  { name: 'TanStack Query', by: 'TanStack', url: 'https://tanstack.com/query/latest' },
+  { name: 'TypeScript', by: 'Microsoft', url: 'https://www.typescriptlang.org/' },
+  { name: 'Vite', by: 'Evan You and Vite Contributors', url: 'https://vitejs.dev/' },
+  { name: 'Zod', by: 'Colin McDonnell', url: 'https://zod.dev/' },
+
+  // UI Components & Styling
+  { name: 'clsx', by: 'Luke Edwards', url: 'https://github.com/lukeed/clsx' },
   { name: 'Lucide Icons', by: 'Lucide Contributors', url: 'https://lucide.dev/' },
+  { name: 'Radix UI', by: 'WorkOS', url: 'https://www.radix-ui.com/' },
+  { name: 'shadcn/ui', by: 'Shadcn', url: 'https://ui.shadcn.com/' },
+  { name: 'Tailwind CSS', by: 'Tailwind Labs', url: 'https://tailwindcss.com/' },
+  { name: 'Tailwind Merge', by: 'dcastil', url: 'https://github.com/dcastil/tailwind-merge' },
+
+  // Development & Tooling
+  { name: 'Autoprefixer', by: 'Can I use & PostCSS', url: 'https://github.com/postcss/autoprefixer' },
+  { name: 'ESLint', by: 'OpenJS Foundation', url: 'https://eslint.org/' },
+  { name: 'PostCSS', by: 'PostCSS Team', url: 'https://postcss.org/' },
+  { name: 'Webpack', by: 'Webpack Contributors', url: 'https://webpack.js.org/' },
 ];
 
 const Credits = () => {