feat: old page dark mode compatible

app/components/MenuLayout/index.tsx

@@ -61,6 +61,7 @@ export default function MenuLayout<
       <div
         className={`
           w-[100%] relative bg-center
+          max-md:h-[100%]
           md:flex md:my-2.5
         `}
       >

app/components/mask.tsx

@@ -398,7 +398,7 @@ export function ContextPrompts(props: {
   );
 }
 
-export function MaskPage() {
+export function MaskPage(props: { className?: string }) {
   const navigate = useNavigate();
 
   const maskStore = useMaskStore();
@@ -470,9 +470,10 @@ export function MaskPage() {
   return (
     <>
       <div
-        className={`${styles["mask-page"]} !bg-gray-50 ${
-          isMobileScreen ? "pb-chat-panel-mobile" : ""
-        }`}
+        className={`
+          ${styles["mask-page"]} 
+          ${props.className}
+          `}
       >
         <div className="window-header">
           <div className="window-header-title">

app/components/new-chat.tsx

@@ -72,7 +72,7 @@ function useMaskGroup(masks: Mask[]) {
   return groups;
 }
 
-export function NewChat() {
+export function NewChat(props: { className?: string }) {
   const chatStore = useChatStore();
   const maskStore = useMaskStore();
 
@@ -115,9 +115,10 @@ export function NewChat() {
 
   return (
     <div
-      className={`${styles["new-chat"]} !bg-gray-50 px-1 ${
-        isMobileScreen ? "pb-chat-panel-mobile" : ""
-      }`}
+      className={`
+      ${styles["new-chat"]}
+      ${props.className}
+      `}
     >
       <div className={styles["mask-header"]}>
         <IconButton