feat: floating fading footer (#3008)

Co-authored-by: thisProjects <wibbet@wobbet.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>

web/components/ui/Footer/Footer.module.scss

@@ -16,6 +16,8 @@
   font-weight: 400;
   border-top: 1px solid rgba(214, 211, 211, 0.5);
   width: 100%;
+      position: fixed;
+        bottom: 0;
 
   @include screen(tablet) {
     font-size: 10px;

web/components/ui/Footer/Footer.tsx

@@ -3,10 +3,11 @@ import styles from './Footer.module.scss';
 
 export type FooterProps = {
   version: string;
+  dynamicPadding: string;
 };
 
-export const Footer: FC<FooterProps> = ({ version }) => (
-  <footer className={styles.footer} id="footer">
+export const Footer: FC<FooterProps> = ({ version, dynamicPadding }) => (
+  <footer className={styles.footer} id="footer" style={{ paddingRight: dynamicPadding }}>
     <span>
       Powered by <a href="https://owncast.online">Owncast v{version}</a>
     </span>