feat: populate and style create modal (#6940)

* feat(create): adding all categories in sidebar

* feat(create): create sandbox on click for quick start

* wip: scroll issues

* feat: proper categories

* feat(create): add recent templates on quickstart

* fix: prevent crash on /s page

* fix: always create sandbox from second screen

* fix: build

* fix: potential runtime error

* feat: redirect v2 created sandboxes to the v2 editor

* feat: style second screen

* feat: send alias when creating sandbox

Author: alexnm

packages/app/src/app/components/CreateNewSandbox/CreateSandbox/CloudBetaBadge.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Icon, Stack, Text } from '@codesandbox/components';
+
+export const CloudBetaBadge: React.FC<{ hideIcon?: boolean }> = ({
+  hideIcon,
+}) => (
+  <Stack
+    css={{
+      alignItems: 'center',
+      padding: hideIcon ? '3px 10px' : '6px 10px',
+      background: '#2e2e2e',
+      borderRadius: '999px',
+    }}
+    gap={2}
+  >
+    {!hideIcon && <Icon size={12} name="cloud" />}
+    <Text size={1}>Beta</Text>
+  </Stack>
+);