fix issue on lint

src/pages/callback.tsx

@@ -1,5 +1,5 @@
 import { useRouter } from 'next/router';
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { IUser, callbackUrlParams } from '../utils/types';
 import SimpleBackdrop from '../components/global/LoadingBackdrop';
 import { StorageService } from '../services/StorageService';

src/pages/communityHealth.tsx

@@ -1,8 +1,16 @@
 import React from 'react';
 import { defaultLayout } from '../layouts/defaultLayout';
+import SEO from '../components/global/SEO';
 
 function communityHealth() {
-  return <div>communityHealth</div>;
+  return (
+    <>
+      <SEO titleTemplate="Member interactions" />
+      <div className="flex flex-col container justify-between px-4 md:px-12 py-3">
+        communityHealth
+      </div>
+    </>
+  );
 }
 
 communityHealth.pageLayout = defaultLayout;

src/pages/index.tsx

@@ -3,7 +3,7 @@ import MainSection from '../components/pages/pageIndex/MainSection';
 
 import { defaultLayout } from '../layouts/defaultLayout';
 import SEO from '../components/global/SEO';
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { StorageService } from '../services/StorageService';
 import { IUser } from '../utils/types';
 import { useRouter } from 'next/router';