Add placeholder page for gcp

frontend/src/pages/connections/new/gcp.tsx

@@ -0,0 +1,36 @@
+import superjson from "superjson";
+import { GetServerSideProps } from "next";
+import { SideNavLinkDestination } from "components/Sidebar/NavLinkUtils";
+import { testConnections } from "testData";
+import { SidebarLayoutShell } from "~/components/SidebarLayoutShell";
+import { ContentContainer } from "~/components/utils/ContentContainer";
+import {
+  Flex,
+  Heading,
+  VStack,
+} from "@chakra-ui/react";
+import { useState } from "react";
+
+export const getServerSideProps: GetServerSideProps = async (context) => {
+  return { props: { connections: superjson.stringify(testConnections) } };
+};
+
+const Connections = ({}) => {
+  const [selectedIndex, updateIndex] = useState(1);
+  return (
+    <SidebarLayoutShell currentTab={SideNavLinkDestination.Connections}>
+      <ContentContainer height="full">
+        <VStack w="full" alignItems="flex-start" h={"full"}>
+          <Heading fontWeight="medium" size="xl" mb="8">
+            Configure Metlo connection for GCP
+          </Heading>
+          <Flex w={"full"} h={"full"} direction="column">
+            Coming Soon
+          </Flex>
+        </VStack>
+      </ContentContainer>
+    </SidebarLayoutShell>
+  );
+};
+
+export default Connections;