refactor(web/menu): list menu component split

web/src/features/menu/list/Header.tsx

@@ -0,0 +1,13 @@
+import { Box, Text } from "@chakra-ui/react";
+
+const Header: React.FC<{ title: string }> = ({ title }) => {
+  return (
+    <Box p={3} textAlign="center" borderTopLeftRadius="md" borderTopRightRadius="md" bg="#25262B">
+      <Text fontSize={24} textTransform="uppercase" fontWeight={300} fontFamily="Poppins">
+        {title}
+      </Text>
+    </Box>
+  );
+};
+
+export default Header;