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, 54 deletions

diff --git a/src/components/molecules/forms/flipping-label/flipping-label.tsx b/src/components/molecules/forms/flipping-label/flipping-label.tsx
deleted file mode 100644
index 586301f..0000000
--- a/src/components/molecules/forms/flipping-label/flipping-label.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import type { FC, ReactNode } from 'react';
-import {
-  Icon,
-  Label,
-  VisuallyHidden,
-  type LabelProps,
-  Flip,
-  FlipSide,
-} from '../../../atoms';
-import styles from './flipping-label.module.scss';
-
-export type FlippingLabelProps = Omit<
-  LabelProps,
-  'children' | 'isHidden' | 'isRequired'
-> & {
-  /**
-   * The front icon.
-   */
-  icon: ReactNode;
-  /**
-   * Which side of the label should be displayed? True for the close icon.
-   */
-  isActive: boolean;
-  /**
-   * An accessible name for the label.
-   */
-  label: string;
-};
-
-export const FlippingLabel: FC<FlippingLabelProps> = ({
-  className = '',
-  icon,
-  isActive,
-  label,
-  ...props
-}) => {
-  const wrapperClass = `${styles.wrapper} ${className}`;
-
-  return (
-    <Label {...props} className={wrapperClass}>
-      <VisuallyHidden>{label}</VisuallyHidden>
-      <Flip
-        aria-hidden
-        // eslint-disable-next-line react/jsx-no-literals -- Shape allowed
-        showBack={isActive}
-      >
-        <FlipSide className={styles.front}>{icon}</FlipSide>
-        <FlipSide className={styles.back} isBack>
-          <Icon aria-hidden shape="cross" />
-        </FlipSide>
-      </Flip>
-    </Label>
-  );
-};