feat: add christmas theme

src/components/board-header/board-header.module.css

@@ -39,8 +39,8 @@
 }
 
 @media (max-width: 640px) {
-  .boardTitle {
-    padding-top: 40px;
+  .content {
+    margin-top: 40px;
   }
  }
 
@@ -48,4 +48,14 @@
   .bannerCnt {
     padding: 5px 0 2px 0;
   }
+ }
+
+ .garland {
+  border-image-slice: 50 0 50 0;
+  border-image-width: 40px 0px 0px 0px;
+  border-image-outset: 0px 0px 0px 0px;
+  border-image-repeat: repeat repeat;
+  border-image-source: url('/public/assets/garland.png');
+  border-style: solid;
+  padding-top: 50px;
  }

src/components/board-header/board-header.tsx

@@ -6,6 +6,7 @@ import styles from './board-header.module.css';
 import { useMultisubMetadata } from '../../hooks/use-default-subplebbits';
 import useIsMobile from '../../hooks/use-is-mobile';
 import useIsSubplebbitOffline from '../../hooks/use-is-subplebbit-offline';
+import { shouldShowSnow } from '../../lib/snow';
 
 const totalBanners = 61;
 
@@ -37,7 +38,7 @@ const BoardHeader = () => {
   const { isOffline, isOnlineStatusLoading, offlineIconClass, offlineTitle } = useIsSubplebbitOffline(subplebbit);
 
   return (
-    <div className={styles.content}>
+    <div className={`${styles.content} ${shouldShowSnow() ? styles.garland : ''}`}>
       {!useIsMobile() && (
         <div className={styles.bannerCnt}>
           <ImageBanner key={isInAllView ? 'all' : isInSubscriptionsView ? 'subscriptions' : address} />