stort/src/components/HeaderBar.tsx

import { AppBar, Box, Toolbar } from "@mui/material";

export const HeaderBar = () => {
  return (
    <AppBar position="static">
      <Toolbar
        disableGutters
        sx={{
          height: "64px",
          p: 1,
        }}
      >
        hello this is the left side
        <Box sx={{ flexGrow: 1 }} />
        hello this is the right side
      </Toolbar>
    </AppBar>
  );
};