add: feature flag middleware

layout/Home/Home.tsx

@@ -1,7 +1,6 @@
 import { withoutAuth } from "@context/Auth";
 
 import { Hero, Sponsors, Hackathon, Speakers, Partners } from "./components";
-import { FeatureFlag } from "@context/FeatureFlags/FeatureFlag";
 
 import Navbar from "@components/Navbar";
 import Schedule from "@components/Schedule";
@@ -11,9 +10,7 @@ function Home() {
   return (
     <Navbar bgColor="secondary" button="quinary" fgColor="white">
       {/* FIXME: The parameter could probably be better in some way */}
-      <FeatureFlag feature="BACKOFFICE">
-        <Hero />
-      </FeatureFlag>
+      <Hero />
       <Schedule />
       <Sponsors />
       <Speakers />

middleware.ts

@@ -0,0 +1,20 @@
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+
+export function middleware(request: NextRequest) {
+  if (!process.env.NEXT_PUBLIC_BACKOFFICE_FEATURE_FLAG) {
+    return NextResponse.redirect(new URL("/404", request.url));
+  }
+}
+
+export const config = {
+  matcher: [
+    "/attendee/:path*",
+    "/attendees/:path*",
+    "/badge/:path*",
+    "/product/:path*",
+    "/register/:path*",
+    "/sponsor/:path*",
+    "/staff/:path*",
+  ],
+};

pages/_app.tsx

@@ -1,18 +1,14 @@
 import { AuthProvider } from "@context/Auth";
 import Header from "@components/Header";
 
-import { FeatureFlagsProvider } from "@context/FeatureFlags/FeatureFlagsProvider";
-
 import "../styles/globals.css";
 
 function App({ Component, pageProps }) {
   return (
-    <FeatureFlagsProvider>
-      <AuthProvider>
-        <Header />
-        <Component {...pageProps} />
-      </AuthProvider>
-    </FeatureFlagsProvider>
+    <AuthProvider>
+      <Header />
+      <Component {...pageProps} />
+    </AuthProvider>
   );
 }