Setup URQL with own backend and create basic player list page

packages/web/components/Container.tsx

@@ -1,29 +1,24 @@
 import { Flex } from '@metafam/ds';
 import React from 'react';
 
-type Props = React.ComponentProps<typeof Flex>
+type Props = React.ComponentProps<typeof Flex>;
 
-export const PageContainer: React.FC<Props> = ({
-  children,
-  ...props
-}) => (
+export const PageContainer: React.FC<Props> = ({ children, ...props }) => (
   <Flex
     bgSize="cover"
-    w="100vw"
+    w="100%"
     h="100vh"
     p={12}
     direction="column"
     align="center"
+    backgroundSize="cover"
     {...props}
   >
     {children}
   </Flex>
 );
 
-export const FlexContainer: React.FC<Props> = ({
-  children,
-  ...props
-}) => (
+export const FlexContainer: React.FC<Props> = ({ children, ...props }) => (
   <Flex align="center" justify="center" direction="column" {...props}>
     {children}
   </Flex>