rebuild project with rsbuild

frontend/app/src/components/HeaderComponent.tsx

@@ -0,0 +1,39 @@
+import { UserOutlined } from "@ant-design/icons";
+import { Layout, Menu, MenuProps } from "antd";
+import React, { useState } from "react";
+import AuthModal from "./AuthModal";
+import "./styles.css";
+
+const { Header } = Layout;
+
+const HeaderComponent = () => {
+  const [authModalOpen, setAuthModalOpen] = useState(false);
+
+  const items: MenuProps["items"] = [
+    {
+      label: "Log In",
+      key: "login",
+      icon: <UserOutlined />,
+      onClick: () => setAuthModalOpen(true),
+    },
+  ];
+
+  return (
+    <>
+      <AuthModal open={authModalOpen} setOpen={setAuthModalOpen} />
+      <Header style={{ display: "flex", alignItems: "center" }}>
+        <div className="demo-logo" />
+        <Menu
+          theme="dark"
+          mode="horizontal"
+          items={items}
+          style={{ flex: 1, minWidth: 0 }}
+          selectedKeys={[]}
+          className="menubar"
+        />
+      </Header>
+    </>
+  );
+};
+
+export default HeaderComponent;