Create: Widget Header in the Loading State #2042 (#2048)

* create a visual loading state with header

* updates loading with WidgetHeader component

* chore: onview and ondelete is updated

Co-authored-by: Palash Gupta <palashgdev@gmail.com>

frontend/src/container/GridGraphLayout/Graph/index.tsx

@@ -246,7 +246,18 @@ function GridCardGraph({
 		(state.loading === true || state.payload === undefined) &&
 		!isEmptyLayout
 	) {
-		return <Spinner height="20vh" tip="Loading..." />;
+		return (
+			<>
+				<WidgetHeader
+					parentHover={hovered}
+					title={widget?.title}
+					widget={widget}
+					onView={handleOnView}
+					onDelete={handleOnDelete}
+				/>
+				<Spinner height="20vh" tip="Loading..." />
+			</>
+		);
 	}
 
 	return (