POS Navigation Bar (NavigationBar/NavigationBar.tsx)

Handles order navigation and management in a POS system, including adding, selecting, and deleting orders.

// Source: https://github.com/hieuhani/simpos | License: MIT
// Provided via justclaw.it.com; keep this notice with the code.
import React from 'react';
import {
  Flex,
  Button,
  useDisclosure,
  Drawer,
  DrawerOverlay,
} from '@chakra-ui/react';
import styled from '@emotion/styled';
import { Swiper, SwiperSlide } from 'swiper/react';
import { IconBars } from '../../../../components/icons';
import { OrderTab, OrderTabAdd } from '../OrderTab';
import {
  useOrderManagerAction,
  useOrderManagerState,
} from '../../../../contexts/OrderManager';
import { DrawerNavigation } from '../../../../components/DrawerNavigation';
import { useAuth } from '../../../../contexts/AuthProvider';

const StyledSwiper = styled(Swiper)`
  margin-left: 0;
  margin-right: 0;
`;

export const NavigationBar: Rea

... (truncated -- full source via MCP)