feat: implement news layout components and context for improved structure and functionality

app/routes/_layout.news.tsx

@@ -1,28 +1,15 @@
 import { Outlet } from 'react-router'
 
-import Banner from '~/components/ui/banner'
-import { FooterLinks } from '~/layouts/footer-links'
-import { FooterNewsletter } from '~/layouts/footer-newsletter'
-import { HeaderMenu } from '~/layouts/header-menu'
-import { HeaderTop } from '~/layouts/header-top'
+import { NewsProvider } from '~/contexts/news'
+import { NewsDefaultLayout } from '~/layouts/news/default'
 
 const NewsLayout = () => {
   return (
-    <main className="relative min-h-dvh bg-[#ECECEC]">
-      <header>
-        <HeaderTop />
-        <HeaderMenu />
-      </header>
-      <div className="grid sm:mx-[50px] sm:my-[25px] sm:gap-y-[25px]">
-        <Banner />
+    <NewsProvider>
+      <NewsDefaultLayout>
         <Outlet />
-      </div>
-
-      <footer className="grid w-full grid-cols-1 gap-6 bg-[#2E2F7C] px-5 py-20 text-white sm:grid-cols-5 sm:gap-16 sm:px-16">
-        <FooterNewsletter />
-        <FooterLinks />
-      </footer>
-    </main>
+      </NewsDefaultLayout>
+    </NewsProvider>
   )
 }