feat: add compliance footer in v2 Storybook (carbon-design-system#4225)

* fix: storybook build

* feat: add compliance footer

packages/core/.storybook/manager-head.html

@@ -18,9 +18,29 @@
 <meta name="twitter:image:alt" content="Carbon for IBM Products" />
 <meta name="twitter:image" content="https://ibm-products.carbondesignsystem.com/social.png" />
 
+<footer>
+  <dds-footer-container key="footer" disable-locale-button="true" size="micro" />
+</footer>
+
+<script type="module" src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/footer.min.js"></script>
+
 <!-- Storybook override -->
 <script>
   setTimeout(function () {
     document.title = 'Carbon for IBM Products';
   }, 1000);
 </script>
+
+<!-- Style overrides -->
+<style>
+  body {
+    font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
+  }
+
+  footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    z-index: 99999;
+  }
+</style>

packages/core/package.json

@@ -23,7 +23,7 @@
     "build:storybook": "storybook build",
     "clean": "yarn dlx rimraf storybook-static css",
     "start": "run-s build:carbon start:storybook",
-    "start:storybook": "storybook dev -s ./public -p 3000",
+    "start:storybook": "storybook dev ./public -p 3000",
     "//upgrade-dependencies": "# don't upgrade carbon (done globally), react/react-dom (issue #1595)",
     "upgrade-dependencies": "npm-check-updates -u --dep dev,peer,prod --color --reject '/(carbon|^react$|^react-dom$)/'"
   },