chore: fix all linting issues and optimize components

middleware.ts

@@ -1,5 +1,5 @@
 import createMiddleware from 'next-intl/middleware';
-import { NextResponse, NextRequest } from 'next/server';
+import { NextRequest } from 'next/server';
 
 // Create the internationalization middleware
 const intlMiddleware = createMiddleware({
@@ -30,7 +30,7 @@ export default function middleware(request: NextRequest) {
     // Prioritize x-forwarded-host (passed by Traefik) over the local Host header
     const hostHeader =
       headers.get('x-forwarded-host') || headers.get('host') || 'testing.klz-cables.com';
-    const [publicHostname] = hostHeader.split(':');
+    hostHeader.split(':');
 
     urlObj.protocol = proto;
     // urlObj.hostname = publicHostname; // Don't rewrite hostname yet as it breaks internal fetches in dev