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/404.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'gatsby';
 
 const pageStyles = {

site/src/pages/identity/Content.js

@@ -1,3 +1,4 @@
+import React from 'react';
 const Content = (props) => {
   return (
     <div className="w-[844px] pt-8 text-gray-700 text-sm font-normal font-openSans leading-loose">

site/src/pages/identity/Heading.js

@@ -1,3 +1,4 @@
+import React from 'react';
 const Heading = (props) => {
   return (
     <div className="self-stretch text-gray-950 text-[52px] font-bold font-qanelas leading-[64px]">

site/src/pages/identity/Navigation.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'react-router-dom';
 
 const Navigation = (props) => {

site/src/pages/identity/Next.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'react-router-dom';
 import nextIcon from '../../assets/images/Chevron-light.svg';
 

site/src/pages/identity/Previous.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Link } from 'react-router-dom';
 import PrevIcon from '../../assets/images/Chevron-light.svg';
 

site/src/pages/identity/Sidebar.js

@@ -1,3 +1,4 @@
+import React from 'react';
 const Sidebar = (props) => {
   return (
     <div className="float-right w-[11.25rem] h-[3.75rem] px-4 py-6 bg-slate-200 bg-opacity-10 rounded-lg backdrop-blur-lg flex-col justify-start items-start gap-4 inline-flex">

site/src/pages/identity/SubContent.js

@@ -1,3 +1,4 @@
+import React from 'react';
 const SubContent = (props) => {
   return (
     <>

site/src/pages/identity/SubHeading.js

@@ -1,3 +1,4 @@
+import React from 'react';
 const SubHeading = (props) => {
   return (
     <div className="w-[53.75rem] text-gray-950 text-[2rem] font-medium font-qanelas-medium leading-[3rem]">

site/src/pages/identity/SubText.js

@@ -1,5 +1,6 @@
 import SubContent from './SubContent';
 import SubHeading from './SubHeading';
+import React from 'react';
 
 const SubText = (props) => {
   return (