refactor(components): replace Toolbar with Navbar component

* remove SearchModal and SettingsModal components
* add a generic NavbarItem component (instead of the previous toolbar
items to avoid unreadable styles...)
* move FlippingLabel component logic into NavbarItem since it is only
used here

1 files changed, 42 insertions, 0 deletions

diff --git a/src/components/organisms/navbar/navbar.test.tsx b/src/components/organisms/navbar/navbar.test.tsx
new file mode 100644
index 0000000..35b33f2
--- /dev/null
+++ b/src/components/organisms/navbar/navbar.test.tsx
@@ -0,0 +1,42 @@
+import { describe, expect, it } from '@jest/globals';
+import { render, screen as rtlScreen } from '@testing-library/react';
+import { Navbar, type NavbarItems } from './navbar';
+
+const doNothing = () => {
+  // do nothing;
+};
+
+const items: NavbarItems = [
+  {
+    icon: 'hamburger',
+    id: 'main-nav',
+    isActive: false,
+    label: 'Nav',
+    contents: 'Main nav contents',
+    onToggle: doNothing,
+  },
+  {
+    icon: 'magnifying-glass',
+    id: 'search',
+    isActive: false,
+    label: 'Search',
+    contents: 'Search contents',
+    onToggle: doNothing,
+  },
+  {
+    icon: 'cog',
+    id: 'settings',
+    isActive: false,
+    label: 'Settings',
+    contents: 'Settings contents',
+    onToggle: doNothing,
+  },
+];
+
+describe('Navbar', () => {
+  it('renders the given items', () => {
+    render(<Navbar items={items} />);
+
+    expect(rtlScreen.getAllByRole('listitem')).toHaveLength(items.length);
+  });
+});