feat(cloud): connect page (#2912)

Author: jog1t

frontend/package.json

@@ -19,7 +19,9 @@
 	},
 	"dependencies": {
 		"@clerk/clerk-js": "^5.92.1",
-		"@clerk/clerk-react": "^5.46.2",
+		"@clerk/clerk-react": "^5.47.0",
+		"@clerk/elements": "^0.23.63",
+		"@clerk/shared": "3.25.0",
 		"@clerk/themes": "^2.4.18",
 		"@codemirror/autocomplete": "^6.18.7",
 		"@codemirror/commands": "^6.8.1",

frontend/packages/icons/.gitignore

@@ -0,0 +1 @@
+src

frontend/packages/icons/manifest.json

@@ -34,7 +34,7 @@ if (process.env.FONTAWESOME_PACKAGE_TOKEN) {
 				private: true,
 				sideEffects: false,
 				dependencies: {
-					"@awesome.me/kit-63db24046b": "^1.0.13",
+					"@awesome.me/kit-63db24046b": "^1.0.15",
 					"@fortawesome/pro-regular-svg-icons": "6.6.0",
 					"@fortawesome/pro-solid-svg-icons": "6.6.0",
 				},
@@ -73,7 +73,10 @@ for (const [pkg, { icons }] of Object.entries(manifest)) {
 
 	if (isCustom) {
 		if (hasFaToken) {
-			indexJsSource += `export * from "${pkg}";\n`;
+			const iconNames = icons.map(({ icon }) => icon);
+			const exp = iconNames
+				.join(", ");
+			indexJsSource += `export { ${exp} } from "${pkg}";\n`;
 		} else {
 			const iconNames = icons.map(({ icon }) => icon);
 			const exp = iconNames

frontend/packages/icons/scripts/postinstall.js

@@ -43,12 +43,15 @@ export const router = createRouter({
 			__APP_TYPE__ === "cloud" ? clerk : (undefined as unknown as Clerk),
 		queryClient: queryClient,
 	},
-	defaultStaleTime: Infinity,
-	defaultPendingComponent: PageLayout.Root.Skeleton,
 	defaultPreloadStaleTime: 0,
 	defaultGcTime: 0,
 	defaultPreloadGcTime: 0,
+	defaultStaleTime: Infinity,
+	scrollRestoration: true,
+	defaultPendingMinMs: 300,
+	defaultPendingComponent: FullscreenLoading,
 	defaultOnCatch: (error) => {
+		console.error("Router caught an error:", error);
 		Sentry.captureException(error);
 	},
 });

frontend/packages/icons/src/.npmrc

@@ -22,7 +22,7 @@ export function ActorBuildsList() {
 		<div className="h-full">
 			<div className="flex flex-col gap-[1px]">
 				{data?.length === 0 ? (
-					<p className="text-xs text-muted-foreground ms-2">
+					<p className="text-xs text-muted-foreground ms-1">
 						No instances found.
 					</p>
 				) : null}