Feature/react dictionary docs (#201)

* build(react-media):set publish config to public

* docs(react-dictionary): add usedictionary story

apps/storybook/stories/react-dictionary/useDictionary.docs.mdx

@@ -0,0 +1,11 @@
+import { Canvas, Meta, Story } from "@storybook/blocks";
+
+import * as useDictionaryStories from "./useDictionary.stories";
+
+<Meta of={useDictionaryStories} />
+
+<Canvas of={useDictionaryStories.Default} />
+
+# useDictionary
+
+Simple localized key value storage.

apps/storybook/stories/react-dictionary/useDictionary.stories.tsx

@@ -0,0 +1,60 @@
+import { Meta, StoryObj } from "@storybook/react";
+import docs from "./useDictionary.docs.mdx";
+import { DictionaryProvider, useDictionary } from "@codedazur/react-dictionary";
+import { Button, Row } from "@codedazur/react-components";
+
+const meta: Meta = {
+  title: "React-Dictionary/useDictionary",
+  parameters: {
+    docs: {
+      page: docs,
+    },
+  },
+  args: {
+    locale: "de",
+  },
+  argTypes: {
+    locale: {
+      control: "select",
+      options: ["nl", "de", "en"],
+    },
+  },
+};
+export default meta;
+
+const DictionaryConsumer = () => {
+  const dictionary = useDictionary();
+  const register = dictionary.get("register");
+
+  return (
+    <Row>
+      <Button>{register}</Button>
+    </Row>
+  );
+};
+
+export const Default: StoryObj<{ locale: string }> = {
+  render: function Default({ locale, ...rest }) {
+    return (
+      <>
+        <DictionaryProvider
+          {...rest}
+          locale={locale}
+          dictionaries={{
+            en: {
+              register: "Register",
+            },
+            nl: {
+              register: "Registreren",
+            },
+            de: {
+              register: "Registrieren",
+            },
+          }}
+        >
+          <DictionaryConsumer />
+        </DictionaryProvider>
+      </>
+    );
+  },
+};