feat: add Redis caching for follower counts, implement fetch timeouts, enable Nginx gzip compression, and refactor icon management.

lib/config.ts

@@ -1,10 +1,11 @@
-import { Gamepad2, UserCircle, MessageSquare, LucideIcon } from "lucide-react";
+import type { ComponentType, SVGProps } from "react";
+import { RobloxIcon, DiscordIcon, TiktokIcon, YoutubeIcon, FormIcon } from "./icons";
 
 export interface LinkConfig {
   name: string;
   link: string;
   desc: string;
-  icon: LucideIcon | string;
+  icon: ComponentType<SVGProps<SVGSVGElement>>;
 }
 
 export interface ProfileConfig {
@@ -24,25 +25,25 @@ export const config = {
       name: "Roblox profile",
       link: "https://www.roblox.com/users/4269713791/profile",
       desc: "โปรไฟล์กุเองน้อง",
-      icon: "/icon/roblox.webp",
+      icon: RobloxIcon,
     },
     {
       name: "Discord server",
       link: "https://discord.com/invite/3cZQbvW6cF",
       desc: "เข้าเซิร์ฟเวอร์ในดิส",
-      icon: "/icon/discord.webp",
+      icon: DiscordIcon,
     },
     {
       name: "Tiktok",
       link: "https://www.tiktok.com/@erika.bombay007",
       desc: "กดติดตามใน Tiktok",
-      icon: "/icon/tiktok.webp",
+      icon: TiktokIcon,
     },
     {
       name: "Youtube",
       link: "https://www.youtube.com/@Erika%E0%B9%80%E0%B8%AD%E0%B8%A3%E0%B8%B4%E0%B8%81%E0%B9%89%E0%B8%B2/videos",
       desc: "กดติดตามใน Youtube",
-      icon: "/icon/youtube.webp",
+      icon: YoutubeIcon,
     }
   ] as LinkConfig[]
 };
@@ -54,7 +55,7 @@ export const config_p2 = {
       name: "Form",
       link: "/form",
       desc: "Custom Form ของช่อง erika",
-      icon: "/icon/form.webp",
+      icon: FormIcon,
     }
   ] as LinkConfig[]
 };