feat: Extend App pages with tabs and data

packages/web/src/components/AppIcon/index.tsx

@@ -0,0 +1,15 @@
+import Avatar from '@mui/material/Avatar';
+
+type AppIconProps = {
+  name: string;
+  url: string;
+  color?: string;
+};
+
+export default function AppIcon(props: AppIconProps) {
+  const { color = '#00adef', name, url } = props;
+
+  return (
+    <Avatar component="span" variant="square" sx={{ bgcolor: color }} src={url} alt={name} />
+  );
+};