Update Bridge file layout

packages/ui/components/List.tsx

@@ -17,7 +17,7 @@ export const List: FC<ListProps> = ({
   title,
   rows,
   columns,
-  onRowClick = () => {},
+  onRowClick,
   buttons,
 }) => {
   const { h3 } = typography;
@@ -34,10 +34,11 @@ export const List: FC<ListProps> = ({
         <Grid item>
           <Box
             sx={{
+              mt: 2,
               backgroundColor: "#ddd",
               border: 0,
               width: "100%",
-              height: "100vh",
+              height: "calc(100vh - 100px)",
               ".MuiDataGrid-row": {
                 cursor: "pointer",
                 "&:hover": {
@@ -74,12 +75,12 @@ export const List: FC<ListProps> = ({
               }}
               pageSizeOptions={[5, 10, 25]}
               paginationMode="client"
-              sx={{ height: "100vh" }}
+              sx={{ height: "100%" }}
               rowHeight={46}
               scrollbarSize={0}
               disableVirtualization
               disableColumnMenu
-              onRowClick={(row: any) => onRowClick(row.id)}
+              onRowClick={(row: any) => onRowClick?.(row.id)}
             />
           </Box>
         </Grid>

packages/ui/index.ts

@@ -1,2 +1,8 @@
+import { LicenseInfo } from "@mui/x-license";
+
+LicenseInfo.setLicenseKey(
+  "7c9bf25d9e240f76e77cbf7d2ba58a23Tz02NjU4OCxFPTE3MTU4NjIzMzQ2ODgsUz1wcm8sTE09c3Vic2NyaXB0aW9uLEtWPTI=",
+);
+
 export { List } from "./components/List";
 export { fonts, typography, colors } from "./styles/theme";

packages/ui/styles/theme.ts

@@ -13,7 +13,7 @@ const playfair = Playfair_Display({
 });
 
 const poppins = Poppins({
-  weight: ["400", "700"],
+  weight: ["400", "600", "700"],
   subsets: ["latin"],
   display: "swap",
 });
@@ -70,7 +70,7 @@ export const typography: any = {
   },
   h3: {
     fontFamily: poppins.style.fontFamily,
-    fontWeight: 400,
+    fontWeight: 600,
     fontSize: 27,
     lineHeight: 1.1,
     margin: 0,