feat(components): Share Dialog (#1736)

* icons and formatting

* added mdx and updated stories

* added padding to dialog to match figma. Removed instabook

* Added Typography, but still not OSWALD

* Resizing header

* Created share btn

* Updated MDX, and removed custom share button, added share Icon to share btn

* Figma designs added and description with /**

* made everything jsdoc

packages/UI/.storybook/preview-head.html

@@ -1,13 +1,13 @@
-<link rel="preconnect" href="https://fonts.gstatic.com" />
-<link
-  href="https://fonts.googleapis.com/css2?family=Abel&family=Holtwood+One+SC&family=Roboto&family=Alfa+Slab+One&family=Vollkorn&family=Nunito+Sans&display=swap"
-  rel="stylesheet"
-/>
-<link
-  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"
-  rel="stylesheet"
-/>
-<script
-  type="module"
-  src="https://unpkg.com/@rocketmark/figma-testing-library/dist/figma-testing-library/figma-testing-library.esm.js"
-></script>
+<link rel="preconnect" href="https://fonts.gstatic.com" />
+<link
+  href="https://fonts.googleapis.com/css2?family=Abel&family=Holtwood+One+SC&family=Roboto&family=Alfa+Slab+One&family=Vollkorn&family=Nunito+Sans&family=Oswald:wght@200..700&display=swap"
+  rel="stylesheet"
+/>
+<link
+  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"
+  rel="stylesheet"
+/>
+<script
+  type="module"
+  src="https://unpkg.com/@rocketmark/figma-testing-library/dist/figma-testing-library/figma-testing-library.esm.js"
+></script>

packages/UI/package.json

@@ -21,6 +21,7 @@
     "iso8601-duration": "2.1.2",
     "lucide-react": "0.314.0",
     "next": "^12.2.3",
+    "next-share": "0.27.0",
     "polished": "^4.2.2",
     "react": "^17.0.2",
     "react-burger-menu": "^3.0.8",