feat: add CustomCookieBanner with matching Karcher square checkboxes and styling

src/app/(frontend)/[locale]/layout.tsx

@@ -7,7 +7,6 @@ import {
 } from '@intecion/ipal-kit'
 import {
   ConsentProvider,
-  CookieBanner,
   CookieButton,
   Analytics,
 } from '@intecion/ipal-kit/client'
@@ -16,6 +15,7 @@ import { getCachedPayload, getConfiguredLocales } from '@/lib/content'
 import { getSettings } from '@/lib/payload'
 import { Header, type NavItem } from '@/components/Header'
 import { Footer, type FooterNavItem } from '@/components/Footer'
+import { CustomCookieBanner } from '@/components/CustomCookieBanner'
 import '../styles.css'
 
 import type { Company, Navigation, Page } from '@/payload-types'
@@ -125,15 +125,7 @@ export default async function LocaleLayout({ children, params }: LayoutProps) {
             privacyHref={privacyHref}
             cookieHref={cookieHref}
           />
-          <CookieBanner
-            classNames={{
-              root: 'fixed bottom-0 inset-x-0 z-50 bg-[#1f1f1f] text-white p-6 border-t-4 border-[#FFED00] shadow-2xl',
-              primaryButton:
-                'bg-[#FFED00] hover:bg-[#fae100] text-[#1f1f1f] border-2 border-[#1f1f1f] px-6 py-2.5 text-xs font-black uppercase tracking-widest transition-all cursor-pointer shadow-xs',
-              secondaryButton:
-                'bg-[#2b2b2b] hover:bg-[#383838] text-white border border-[#444444] px-4 py-2.5 text-xs font-bold uppercase tracking-wider transition-colors cursor-pointer',
-            }}
-          />
+          <CustomCookieBanner />
           <CookieButton className="fixed bottom-4 left-4 z-40 bg-[#1f1f1f] hover:bg-[#FFED00] text-[#FFED00] hover:text-[#1f1f1f] border-2 border-[#FFED00] p-2.5 transition-all shadow-lg cursor-pointer" />
           <Analytics {...analytics} />
         </ConsentProvider>