Move metamigo assets to metamigo-add

apps/link/metamigo-add/_components/layout/AppBar.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { forwardRef } from "react";
+import { AppBar, UserMenu, MenuItemLink, useTranslate } from "react-admin";
+import Typography from "@mui/material/Typography";
+import SettingsIcon from "@mui/icons-material/Settings";
+import { colors } from "app/_styles/theme";
+// import { makeStyles } from "@mui/styles";
+/*
+const useStyles = makeStyles({
+  title: {
+    flex: 1,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+  },
+  spacer: {
+    flex: 1,
+  },
+});
+*/
+// eslint-disable-next-line react/display-name
+const ConfigurationMenu = forwardRef<any, any>((props, ref) => {
+  const translate = useTranslate();
+  return (
+    <MenuItemLink
+      ref={ref}
+      to="/configuration"
+      primaryText={translate("pos.configuration")}
+      leftIcon={<SettingsIcon />}
+      onClick={props.onClick}
+      sidebarIsOpen
+    />
+  );
+});
+
+const CustomAppBar = (props: any) => {
+  const classes: any = {}; // useStyles();
+  const { darkLavender } = colors;
+  return (
+    <AppBar
+      {...props}
+      elevation={0}
+      userMenu={<div />}
+      position="sticky"
+      sx={{ mt: -1, backgroundColor: darkLavender }}
+    >
+      <Typography
+        variant="h6"
+        color="inherit"
+        className={classes.title}
+        id="react-admin-title"
+      />
+    </AppBar>
+  );
+};
+
+export default CustomAppBar;