docs: fix fonts, manifest and favicon

.storybook/main.ts

@@ -1,7 +1,7 @@
 import { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
-  stories: ['../stories/**/*.@(mdx|stories.@(ts|tsx|js|jsx))', '../stories/**/*.mdx'],
+  stories: ['../stories/**/*.@(mdx|stories.@(ts|tsx|js|jsx))'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',

.storybook/manager-head.html

@@ -4,13 +4,13 @@
 <link rel="canonical" href="https://italia.github.io/design-react-kit/" />
 
 <!-- Favicons -->
-<link rel="apple-touch-icon" href="/favicons/apple-touch-icon.png" />
-<link rel="icon" href="/favicons/favicon-32x32.png" sizes="32x32" type="image/png" />
-<link rel="icon" href="/favicons/favicon-16x16.png" sizes="16x16" type="image/png" />
-<link rel="manifest" href="/favicons/manifest.webmanifest" />
-<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#0066CC" />
-<link rel="icon" href="/favicons/favicon.ico" />
-<meta name="msapplication-config" content="/favicons/browserconfig.xml" />
+<link rel="apple-touch-icon" href="favicons/apple-touch-icon.png" />
+<link rel="icon" href="favicons/favicon-32x32.png" sizes="32x32" type="image/png" />
+<link rel="icon" href="favicons/favicon-16x16.png" sizes="16x16" type="image/png" />
+<link rel="manifest" href="favicons/manifest.webmanifest" />
+<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#0066CC" />
+<link rel="icon" href="favicons/favicon.ico" />
+<meta name="msapplication-config" content="favicons/browserconfig.xml" />
 <meta name="theme-color" content="#0066CC" />
 
 <!-- Twitter -->
@@ -19,14 +19,14 @@
 <meta name="twitter:creator" content="Team per la Trasformazione Digitale" />
 <meta name="twitter:title" content="React Kit" />
 <meta name="twitter:description" content="Il kit React per la Pubblica Amministrazione" />
-<meta name="twitter:image" content="/favicons/android-chrome-192x192.png" />
+<meta name="twitter:image" content="favicons/android-chrome-192x192.png" />
 <!-- Facebook -->
 <meta property="og:url" content="https://italia.github.io/bootstrap-italia/docs/come-iniziare/introduzione/" />
 <meta property="og:title" content="React Kit" />
 <meta property="og:description" content="Il kit React per la Pubblica Amministrazione" />
 <meta property="og:type" content="website" />
-<meta property="og:image" content="/favicons/social-card.png" />
-<meta property="og:image:secure_url" content="/favicons/social-card.png" />
+<meta property="og:image" content="favicons/social-card.png" />
+<meta property="og:image:secure_url" content="favicons/social-card.png" />
 <meta property="og:image:type" content="image/png" />
 <meta property="og:image:width" content="1200" />
 <meta property="og:image:height" content="630" />

.storybook/preview.tsx

@@ -1,17 +1,9 @@
 import { Preview } from "@storybook/react";
 import "bootstrap-italia/dist/css/bootstrap-italia.min.css";
-import "../assets/css/bi-fonts.css";
+import "../assets/css/bi-fonts.scss";
 import "../assets/css/storybook-fixes.css";
 import theme from "./theme";
 
-/* const customStyle = {
-    position: "relative",
-    boxSizing: "border-box",
-    margin: "0",
-    padding: "48px 32px",
-    textAlign: "initial",
-} as CSSProperties; */
-
 const preview: Preview = {
     parameters: {
         docs: {