feat(sw): add SW Footer component and Storybook stories

packages/sw/src/components/sw-footer/assets/tab-slant-editing.svg

@@ -0,0 +1,26 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="97" height="22" viewBox="0 0 97 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bg">
+<g filter="url(#filter0_i_0_81)">
+<path d="M13.6039 3.29463C15.1093 1.22467 17.5143 0 20.0738 0H93C95.2091 0 97 1.79086 97 4V22H0L13.6039 3.29463Z" fill="#0F0D0A"/>
+</g>
+<path d="M20.0742 0.5H93C94.933 0.5 96.5 2.067 96.5 4V21.5H0.981445L14.0078 3.58887C15.4191 1.64829 17.6747 0.5 20.0742 0.5Z" stroke="url(#paint0_linear_0_81)"/>
+</g>
+<defs>
+<filter id="filter0_i_0_81" x="0" y="-3" width="97" height="25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-3"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.219608 0 0 0 0 0.188235 0 0 0 0 0.121569 0 0 0 0.25 0"/>
+<feBlend mode="multiply" in2="shape" result="effect1_innerShadow_0_81"/>
+</filter>
+<linearGradient id="paint0_linear_0_81" x1="48.5" y1="0" x2="48.5" y2="22" gradientUnits="userSpaceOnUse">
+<stop offset="0.0852474" stop-color="#DA6813"/>
+<stop offset="0.379274" stop-color="#FFBB89"/>
+<stop offset="0.718536" stop-color="#E5690D"/>
+<stop offset="0.927747" stop-color="#AE3607"/>
+</linearGradient>
+</defs>
+</svg>