message: Console: Make stacks tab consistent
diff: -import { Link } from "react-router-dom";
  -import { Badge, Row, Table } from "~/components";
  +import { Row, Table } from "~/components";
  import { Stack } from "~/components/Stack";
  import { useStacks } from "~/data/aws/stacks";
  import { styled } from "~/stitches.config";
  -import { H1, H3 } from "../components";
  +import { Header, HeaderTitle } from "../components";
  +
  +const Content = styled("div", {
  + padding: "$lg",
  +});
  const StackItem = styled("div", {
  padding: "$xl 0",
  @@ -26,10 +29,6 @@ const StackMetric = styled("div", {
  color: "$gray11",
  });
  -const Root = styled("div", {
  - padding: "$xl",
  -});
  -
  const Constructs = styled("div", {
  display: "flex",
  flexWrap: "wrap",
  @@ -61,10 +60,11 @@ export function Stacks() {
  const stacks = useStacks();
  return (
  - <Root>
  - <Stack space="xl">
  - <H1>Stacks</H1>
  - <Stack space="0">
  + <>
  + <Header>
  + <HeaderTitle>Stacks</HeaderTitle>
  + </Header>
  + <Content>
  {stacks.data!.all.map((s) => (
  <StackItem key={s.info.StackName}>
  <Stack space="lg">
  @@ -138,8 +138,8 @@ export function Stacks() {
  </Stack>
  </StackItem>
  ))}
  - </Stack>
  - </Stack>
  - </Root>
  + </Content>
  + )
  + </>
  );
  }
  