Migrated Storybook notation from CSF2 to CSF3 (#487)

* Migrate common directory to CSF3 notation

* Migrate InstalledPackages directory to CSF3 notation

* Migrate modal directory to CSF3 notation

* Migrate repository directory to CSF3 notation

* Migrate others components to CSF3 notation

* Fix lint error in repository directory

frontend/src/components/ShutDownButton.stories.tsx

@@ -1,21 +1,20 @@
-// TabsBar.stories.ts|tsx
-
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { StoryFn, Meta } from "@storybook/react";
 import ShutDownButton from "./ShutDownButton";
 
-//👇 This default export determines where your story goes in the story list
-export default {
+const meta = {
   /* 👇 The title prop is optional.
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: "ShutDownButton",
   component: ShutDownButton,
-} as ComponentMeta<typeof ShutDownButton>;
+} satisfies Meta<typeof ShutDownButton>;
+
+export default meta;
 
 //👇 We create a “template” of how args map to rendering
-const Template: ComponentStory<typeof ShutDownButton> = () => (
-  <ShutDownButton />
-);
+const Template: StoryFn<typeof ShutDownButton> = () => <ShutDownButton />;
 
-export const Default = Template.bind({});
+export const Default = {
+  render: Template,
+};