Reorganized launch overview

dashboard/src/main/home/cluster-dashboard/stacks/launch/Overview.tsx

@@ -151,22 +151,18 @@ const Overview = () => {
         />
       </ClusterSection>
 
-      <Heading>Applications</Heading>
-      <Helper>
-        At least one application is required:
-        <Required>*</Required>
-      </Helper>
+      <Heading>Env groups</Heading>
       <Card.Grid>
-        {newStack.app_resources.map((app) => (
-          <Card.Wrapper>
+        {newStack.env_groups.map((envGroup) => (
+          <Card.Wrapper variant="unclickable">
             <Card.Title>
-              <Card.Icon src={hardcodedIcons[app.template_name]}></Card.Icon>
-              {app.name}
+              <Card.Icon src={sliders} />
+              {envGroup.name}
             </Card.Title>
             <Card.Actions>
               <Card.ActionButton
                 onClick={() => {
-                  removeAppResource(app);
+                  removeEnvGroup(envGroup);
                 }}
               >
                 <i className="material-icons-outlined">close</i>
@@ -175,21 +171,33 @@ const Overview = () => {
           </Card.Wrapper>
         ))}
 
-        <AddResourceButton />
+        <AddResourceButtonStyles.Wrapper>
+          <AddResourceButtonStyles.Flex>
+            <LinkMask to={`/stacks/launch/new-env-group`}></LinkMask>
+            <Icon>
+              <i className="material-icons">add</i>
+            </Icon>
+            Add a new env group
+          </AddResourceButtonStyles.Flex>
+        </AddResourceButtonStyles.Wrapper>
       </Card.Grid>
 
-      <Heading>Env groups</Heading>
+      <Heading>Applications</Heading>
+      <Helper>
+        At least one application is required:
+        <Required>*</Required>
+      </Helper>
       <Card.Grid>
-        {newStack.env_groups.map((envGroup) => (
-          <Card.Wrapper variant="unclickable">
+        {newStack.app_resources.map((app) => (
+          <Card.Wrapper>
             <Card.Title>
-              <Card.Icon src={sliders} />
-              {envGroup.name}
+              <Card.Icon src={hardcodedIcons[app.template_name]}></Card.Icon>
+              {app.name}
             </Card.Title>
             <Card.Actions>
               <Card.ActionButton
                 onClick={() => {
-                  removeEnvGroup(envGroup);
+                  removeAppResource(app);
                 }}
               >
                 <i className="material-icons-outlined">close</i>
@@ -198,15 +206,7 @@ const Overview = () => {
           </Card.Wrapper>
         ))}
 
-        <AddResourceButtonStyles.Wrapper>
-          <AddResourceButtonStyles.Flex>
-            <LinkMask to={`/stacks/launch/new-env-group`}></LinkMask>
-            <Icon>
-              <i className="material-icons">add</i>
-            </Icon>
-            Add a new env group
-          </AddResourceButtonStyles.Flex>
-        </AddResourceButtonStyles.Wrapper>
+        <AddResourceButton />
       </Card.Grid>
 
       <SubmitButton