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, 0 insertions, 45 deletions

diff --git a/src/components/organisms/modals/settings-modal.tsx b/src/components/organisms/modals/settings-modal.tsx
deleted file mode 100644
index 36c5977..0000000
--- a/src/components/organisms/modals/settings-modal.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { useCallback, type FC, type FormEvent } from 'react';
-import { useIntl } from 'react-intl';
-import { Heading, Icon } from '../../atoms';
-import { Modal, type ModalProps } from '../../molecules';
-import { SettingsForm } from '../forms';
-import styles from './settings-modal.module.scss';
-
-export type SettingsModalProps = Pick<ModalProps, 'className'>;
-
-/**
- * SettingsModal component
- *
- * Render a modal with settings options.
- */
-export const SettingsModal: FC<SettingsModalProps> = ({ className = '' }) => {
-  const intl = useIntl();
-  const title = intl.formatMessage({
-    defaultMessage: 'Settings',
-    description: 'SettingsModal: title',
-    id: 'gPfT/K',
-  });
-  const ariaLabel = intl.formatMessage({
-    defaultMessage: 'Settings form',
-    id: 'xYNeKX',
-    description: 'SettingsModal: an accessible form name',
-  });
-
-  const submitHandler = useCallback((e: FormEvent) => {
-    e.preventDefault();
-  }, []);
-
-  return (
-    <Modal
-      className={`${styles.wrapper} ${className}`}
-      icon={<Icon className={styles.icon} shape="cog" />}
-      heading={
-        <Heading isFake level={3}>
-          {title}
-        </Heading>
-      }
-    >
-      <SettingsForm aria-label={ariaLabel} onSubmit={submitHandler} />
-    </Modal>
-  );
-};