fix: react import error

Signed-off-by: Alok Dangre <alokdangre@gmail.com>

Signed-off-by: Alok Dangre <148090007+alokdangre@users.noreply.github.com>

Author: alokdangre

site/src/pages/components/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 const Components = () => {
   return <div className="text-center text-bold">Components</div>;
 };

site/src/pages/home/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 const Home = () => {
   return <div className="text-center text-bold">Home</div>;
 };

site/src/pages/identity/colors/code.js

@@ -2,6 +2,7 @@ import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
+import React from "react";
 
 const items = [
   {

site/src/pages/identity/colors/guidance.js

@@ -3,6 +3,7 @@ import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
 import SubText from '../SubText';
+import React from "react";
 
 const items = [
   {

site/src/pages/identity/colors/index.js

@@ -4,6 +4,7 @@ import Text from '../Text';
 import Code from './code';
 import Guidance from './guidance';
 import Overview from './overview';
+import React from "react";
 
 const Color = () => {
   const { id } = useParams();

site/src/pages/identity/colors/overview.js

@@ -3,6 +3,7 @@ import Previous from '../Previous';
 import Sidebar from '../Sidebar';
 import SubContent from '../SubContent';
 import SubText from '../SubText';
+import React from "react";
 
 const items = [
   {

site/src/pages/identity/elevation/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 const Elevation = () => {
   return <div className="text-center text-bold">Elevation</div>;
 };

site/src/pages/identity/page-layouts/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 const PageLayout = () => {
   return <div className="text-center text-bold">Page Layout</div>;
 };

site/src/pages/identity/spacing/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 const Spacing = () => {
   return <div className="text-center text-bold">Spacing</div>;
 };

site/src/pages/identity/typography/code.js

@@ -1,3 +1,4 @@
+import React from "react";
 import Next from '../Next';
 import Previous from '../Previous';
 import Sidebar from '../Sidebar';