Refactor panels to implement like functionality and remove social media share buttons

- Added `useLikes` hook to manage likes for each panel.
- Updated like button styling and functionality across all panels.
- Removed social media share sections from each panel for a cleaner UI.
- Adjusted spacing and layout for improved readability and consistency.

Author: m-aishah

src/components/home/CheckUpSection.tsx

@@ -10,45 +10,45 @@ const packages = [
     id: 1,
     title: "Sporcu Check – Up Paketi",
     image: getImagePath("paketleri/Sporcu-Paketi.jpg"),
-    href: "/paketler/sporcu-check-up-paketi",
+    href: "/paketler",
   },
   {
     id: 2,
     title: "Saç Dökülmesi Paketi",
     image: getImagePath("paketleri/Sac-Dokulmesi-Paketi.jpg"),
-    href: "/paketler/sac-dokulmesi-paketi",
+    href: "/paketler",
   },
   {
     id: 3,
     title: "Kardiyak Checkup Paketi",
     image: getImagePath("paketleri/Kardiyak-Check-Up-Paketi.jpg"),
-    href: "/paketler/kardiyak-checkup-paketi",
+    href: "/paketler",
   },
   {
     id: 4,
     title: "Kansızlık ve Vitamin Eksikliği Kontrolü",
     image: getImagePath(
       "paketleri/Kansizlik-ve-Vitamin-Eksikligi-Kontrolu-Paketi.jpg"
     ),
-    href: "/paketler/kansizlik-ve-vitamin-eksikligi-kontrolu",
+    href: "/paketler",
   },
   {
     id: 5,
     title: "Kadın Checkup Paketi",
     image: getImagePath("paketleri/Kadin-Check-Up-Paketi.jpg"),
-    href: "/paketler/kadin-checkup-paketi",
+    href: "/paketler",
   },
   {
     id: 6,
     title: "Erkek Checkup Paketi",
     image: getImagePath("paketleri/Erkek-Check-Up.jpg"),
-    href: "/paketler/erkek-checkup-paketi",
+    href: "/paketler",
   },
   {
     id: 7,
     title: "Cinsel Yolla Bulaşan Hastalıklar",
     image: getImagePath("paketleri/Cinsel-Yolla-Bulasan.jpg"),
-    href: "/test-panelleri/cinsel-hastaliklar",
+    href: "/paketler",
   },
 ];
 

src/hooks/useLikes.ts

@@ -0,0 +1,79 @@
+import { useState, useEffect } from "react";
+
+interface LikesData {
+  [key: string]: number;
+}
+
+export function useLikes(panelName: string) {
+  const [likes, setLikes] = useState(0);
+  const [hasLiked, setHasLiked] = useState(false);
+
+  // Load likes from localStorage on mount
+  useEffect(() => {
+    const savedLikes = localStorage.getItem("etiklab-panel-likes");
+    const savedLikedPanels = localStorage.getItem("etiklab-liked-panels");
+
+    if (savedLikes) {
+      try {
+        const likesData: LikesData = JSON.parse(savedLikes);
+        setLikes(likesData[panelName] || 0);
+      } catch (e) {
+        console.error("Error parsing likes data:", e);
+      }
+    }
+
+    if (savedLikedPanels) {
+      try {
+        const likedPanels: string[] = JSON.parse(savedLikedPanels);
+        setHasLiked(likedPanels.includes(panelName));
+      } catch (e) {
+        console.error("Error parsing liked panels data:", e);
+      }
+    }
+  }, [panelName]);
+
+  const toggleLike = () => {
+    const savedLikes = localStorage.getItem("etiklab-panel-likes");
+    const savedLikedPanels = localStorage.getItem("etiklab-liked-panels");
+
+    let likesData: LikesData = {};
+    let likedPanels: string[] = [];
+
+    if (savedLikes) {
+      try {
+        likesData = JSON.parse(savedLikes);
+      } catch (e) {
+        console.error("Error parsing likes data:", e);
+      }
+    }
+
+    if (savedLikedPanels) {
+      try {
+        likedPanels = JSON.parse(savedLikedPanels);
+      } catch (e) {
+        console.error("Error parsing liked panels data:", e);
+      }
+    }
+
+    if (hasLiked) {
+      // Remove like
+      const newLikes = Math.max(0, (likesData[panelName] || 0) - 1);
+      likesData[panelName] = newLikes;
+      likedPanels = likedPanels.filter((panel) => panel !== panelName);
+      setLikes(newLikes);
+      setHasLiked(false);
+    } else {
+      // Add like
+      const newLikes = (likesData[panelName] || 0) + 1;
+      likesData[panelName] = newLikes;
+      likedPanels.push(panelName);
+      setLikes(newLikes);
+      setHasLiked(true);
+    }
+
+    localStorage.setItem("etiklab-panel-likes", JSON.stringify(likesData));
+    localStorage.setItem("etiklab-liked-panels", JSON.stringify(likedPanels));
+  };
+
+  return { likes, hasLiked, toggleLike };
+}