fix: trpc endpoint for footer data

components/Current/Footer/index.tsx

@@ -1,7 +1,4 @@
-import Script from "next/script"
-
-import { GetFooter } from "@/lib/graphql/Query/Footer.graphql"
-import { request } from "@/lib/graphql/request"
+import { serverClient } from "@/lib/trpc/server"
 
 import Image from "@/components/Image"
 
@@ -10,24 +7,9 @@ import Navigation from "./Navigation"
 import styles from "./footer.module.css"
 
 import type { LangParams } from "@/types/params"
-import type { GetFooterData } from "@/types/requests/footer"
 
-export default async function Footer({ lang }: LangParams) {
-  const { data } = await request<GetFooterData>(
-    GetFooter,
-    {
-      locale: lang,
-    },
-    {
-      next: { tags: [`footer-${lang}`] },
-    }
-  )
-
-  if (!data.all_footer.items.length) {
-    return null
-  }
-
-  const footerData = data.all_footer.items[0]
+export default async function Footer() {
+  const footerData = await serverClient().contentstack.config.footer()
   return (
     <footer className={styles.container}>
       <div className={styles.content}>