Add eslint rule and fix as many issues as possible

frontend/src/components/v2/EmptyState/EmptyState.stories.tsx

@@ -1,14 +1,14 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from "@storybook/react";
 
-import { EmptyState } from './EmptyState';
+import { EmptyState } from "./EmptyState";
 
 const meta: Meta<typeof EmptyState> = {
-  title: 'Components/EmptyState',
+  title: "Components/EmptyState",
   component: EmptyState,
-  tags: ['v2'],
+  tags: ["v2"],
   argTypes: {},
   args: {
-    title: 'No members found'
+    title: "No members found"
   }
 };
 

frontend/src/components/v2/EmptyState/EmptyState.tsx

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-import { SizeProp } from '@fortawesome/fontawesome-svg-core';
-import { faCubesStacked, IconDefinition } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { twMerge } from 'tailwind-merge';
+import { ReactNode } from "react";
+import { SizeProp } from "@fortawesome/fontawesome-svg-core";
+import { faCubesStacked, IconDefinition } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { twMerge } from "tailwind-merge";
 
 type Props = {
   title: ReactNode;
@@ -17,11 +17,11 @@ export const EmptyState = ({
   className,
   children,
   icon = faCubesStacked,
-  iconSize = '2x'
+  iconSize = "2x"
 }: Props) => (
   <div
     className={twMerge(
-      'flex w-full flex-col items-center bg-mineshaft-800 px-2 pt-6 text-bunker-300',
+      "flex w-full flex-col items-center bg-mineshaft-800 px-2 pt-6 text-bunker-300",
       className
     )}
   >

frontend/src/components/v2/EmptyState/index.tsx

@@ -1 +1 @@
-export { EmptyState } from './EmptyState';
+export { EmptyState } from "./EmptyState";