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/repository/ChartViewer.stories.tsx

@@ -1,24 +1,17 @@
-// ChartViewer.stories.ts|tsx
-
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta } from "@storybook/react";
 import ChartViewer from "./ChartViewer";
 
 //👇 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: "ChartViewer",
   component: ChartViewer,
-} as ComponentMeta<typeof ChartViewer>;
+} satisfies Meta<typeof ChartViewer>;
 
-//👇 We create a “template” of how args map to rendering
-const Template: ComponentStory<typeof ChartViewer> = (args) => (
-  <ChartViewer {...args} />
-);
-
-export const Default = Template.bind({});
+export default meta;
 
 const defaultArgs = {
   chart: {
@@ -28,5 +21,6 @@ const defaultArgs = {
   },
 };
 
-//@ts-ignore
-Default.args = defaultArgs;
+export const Default = {
+  args: defaultArgs,
+};