blog-service/frontend/src/components/Navbar.tsx

import { Button } from '@mui/material';
import { Link } from 'react-router-dom';

export default function Navbar() {
  return (
    <div className="flex flex-row gap-3">
      <Button
        component={Link}
        to="/"
        variant="outlined"
      >
        Home
      </Button>

      <Button
        component={Link}
        to="/article"
        variant="outlined"
      >
        Article
      </Button>
    </div>
  );
};