feat(app): more homepage style updates

src/components/Banner/Banner.tsx

@@ -53,7 +53,7 @@ const Banner = ({ id, children, onClose }: BannerProps) => {
     <AnimatePresence initial={true}>
       {!seen && (
         <motion.aside
-          className="card banner"
+          className="banner"
           initial="initial"
           animate="animate"
           exit="exit"
@@ -69,7 +69,7 @@ const Banner = ({ id, children, onClose }: BannerProps) => {
                 e.key === "Enter" && handleClose();
               }}
             >
-              <XCircle color="currentColor" size={28} weight="regular" />
+              <XCircle size={28} weight="regular" />
             </button>
           </div>
         </motion.aside>
@@ -78,4 +78,8 @@ const Banner = ({ id, children, onClose }: BannerProps) => {
   );
 };
 
+Banner.Container = ({ children }: { children: ReactNode }) => {
+  return <div className="banner-container">{children}</div>;
+};
+
 export default Banner;