chore: move dynamic header component to header file

tubearchivist/www/src/components/Header.tsx

@@ -1,3 +1,5 @@
+import dynamic from "next/dynamic";
+
 const Header = ({ authData }) => {
   const { session, status } = authData;
 
@@ -11,4 +13,8 @@ const Header = ({ authData }) => {
   );
 };
 
+export const DynamicHeader = dynamic(() => import("../components/Header"), {
+  suspense: true,
+});
+
 export default Header;