fix: align app text to left and increase page size

src/components/App.tsx

@@ -264,7 +264,7 @@ export default function App({
       </AppBar>
       <TabPanel value={tab} index={hashMap.info}>
         <Grid container direction='row' className={classes.tableBackground}>
-          <Grid item xs={12} md={6}>
+          <Grid item xs='auto' md='auto'>
             <Box className={classes.content}>
               <TableContainer className={classes.legend}>
                 <Table size='small' aria-label='simple table'>

src/components/AppCard.tsx

@@ -71,7 +71,7 @@ const useStyles = makeStyles()((theme) => {
       alignItems: 'center',
     },
     title: {
-      textAlign: 'center',
+      textAlign: 'left',
       verticalAlign: 'middle',
       color: theme.palette.text.primary,
       fontWeight: 'bold',

src/theme/breakpoints.ts

@@ -5,7 +5,7 @@ const breakpoints = {
     xs: 0,
     sm: 600,
     md: 900,
-    lg: 1200,
+    lg: 1260,
     xl: 1536,
   },
 }