feat: added WN8 to /today

src/components/Wrapper.tsx

@@ -1,11 +1,25 @@
 import { ReactNode } from 'react';
 import { theme } from '../stitches.config.js';
 
-export interface WrapperProps {
-  children: ReactNode;
+export enum WrapperSize {
+  Regular,
+  Roomy,
 }
 
-export default function Wrapper({ children }: WrapperProps) {
+export interface WrapperProps {
+  children: ReactNode;
+  size?: WrapperSize;
+}
+
+export const WRAPPER_SIZE_WIDTHS: Record<WrapperSize, number> = {
+  [WrapperSize.Regular]: 640,
+  [WrapperSize.Roomy]: 800,
+};
+
+export default function Wrapper({
+  children,
+  size = WrapperSize.Regular,
+}: WrapperProps) {
   return (
     <div
       style={{
@@ -13,7 +27,7 @@ export default function Wrapper({ children }: WrapperProps) {
         flexDirection: 'column',
         padding: 16,
         gap: 32,
-        width: 640,
+        width: WRAPPER_SIZE_WIDTHS[size],
         background: 'url(https://i.imgur.com/PhS06NJ.png)',
         color: theme.colors.textHighContrast,
       }}