Add PageTemplate with skeletons and apply to Framework list

Signed-off-by: Émile Ré <nemile.re@gmail.com>

apps/console/src/components/PageTemplate.tsx

@@ -0,0 +1,47 @@
+import { FC, ReactNode } from "react";
+import {
+  PageContainer,
+  PageContainerProps,
+  PageContainerSkeleton,
+} from "./PageContainer";
+import { PageHeader, PageHeaderProps, PageHeaderSkeleton } from "./PageHeader";
+
+export const PageTemplate: FC<PageContainerProps & PageHeaderProps> = ({
+  actions,
+  title,
+  description,
+  children,
+}) => {
+  return (
+    <PageContainer title={title}>
+      <PageHeader
+        className="mb-17"
+        title={title}
+        description={description}
+        actions={actions}
+      />
+      {children}
+    </PageContainer>
+  );
+};
+
+export const PageTemplateSkeleton: FC<{
+  title?: string;
+  description?: ReactNode;
+  withDescription?: boolean;
+  actions?: ReactNode;
+  children: ReactNode;
+}> = ({ actions, children, description, withDescription = false, title }) => {
+  return (
+    <PageContainerSkeleton title={title}>
+      <PageHeaderSkeleton
+        className="mb-17"
+        title={title}
+        description={description}
+        withDescription={withDescription}
+        actions={actions}
+      />
+      {children}
+    </PageContainerSkeleton>
+  );
+};