fix the conflict

components/footer-section.tsx

@@ -1,13 +1,18 @@
+"use client";
+
 import { Github, Instagram, Twitter, Youtube } from "lucide-react";
 import Image from "next/image";
 import { Footer, FooterBottom, FooterColumn, FooterContent } from "./ui/footer";
 import Link from "next/link";
+import { usePathname } from "next/navigation";
 
 export default function FooterSection() {
+  const pathname = usePathname();
+
   return (
     <footer className="w-full bg-background">
       <div className="mx-auto">
-        <Footer>
+        <Footer className={`${pathname.includes("/podcast/") ? "pb-12" : ""}`}>
           <FooterContent className="container">
             <FooterColumn className="col-span-2 sm:col-span-3 md:col-span-1">
               <div className="flex items-center">