[Docs] Add Dialog component with overview, guidance, and code examples #9305

Signed-off-by: Ayush More <ayushmore42595@gmail.com>

Author: Ayushmore1214

src/sections/Projects/Sistent/components/dialog/code.js

@@ -3,8 +3,13 @@ import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 
 import {
-  Dialog, DialogTitle, DialogContent, DialogActions, Button, SistentThemeProvider
-} from "@layer5/sistent";
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  Button,
+  SistentThemeProvider
+} from "@sistent/sistent";
 
 import { SistentLayout } from "../../sistent-layout";
 import TabButton from "../../../../../reusecore/Button";

src/sections/Projects/Sistent/components/dialog/guidance.js

@@ -2,7 +2,14 @@ import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 
-import { Dialog, DialogTitle, DialogContent, DialogActions, Button, SistentThemeProvider } from "@layer5/sistent";
+import {
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  Button,
+  SistentThemeProvider
+} from "@sistent/sistent";
 import { SistentLayout } from "../../sistent-layout";
 import TabButton from "../../../../../reusecore/Button";
 import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";

src/sections/Projects/Sistent/components/dialog/index.js

@@ -2,7 +2,14 @@ import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 
-import { Dialog, DialogTitle, DialogContent, DialogActions, Button, SistentThemeProvider } from "@layer5/sistent";
+import {
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  Button,
+  SistentThemeProvider
+} from "@sistent/sistent";
 import { SistentLayout } from "../../sistent-layout";
 import TabButton from "../../../../../reusecore/Button";
 import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";