Bump tailwindcss related packages and updated config. Fixed Storybook! (#624)

* Updated Story book to the latest one

* Updated tailwindcss related packages and config

* Fixed Storybook

* Added missed colors

* Fixed CSS for the error dialog

frontend/src/components/common/DropDown.stories.tsx

@@ -1,5 +1,5 @@
 import { Meta } from "@storybook/react-vite";
-import { action } from "@storybook/addon-actions";
+import { action } from "storybook/actions";
 import DropDown from "./DropDown";
 import { BsSlack, BsGithub } from "react-icons/bs";
 

frontend/src/components/common/Page/Page.stories.tsx

@@ -1,24 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react-vite";
-import { within, userEvent } from "@storybook/testing-library";
-import { Page } from "./Page";
-
-const meta = {
-  title: "Example/Page",
-  component: Page,
-  parameters: {
-    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
-    layout: "fullscreen",
-  },
-} satisfies Meta<typeof Page>;
-
-export default meta;
-
-export const LoggedOut = {};
-
-export const LoggedIn: StoryObj<typeof Page> = {
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    const loginButton = await canvas.getByRole("button", { name: /Log in/i });
-    await userEvent.click(loginButton);
-  },
-};