Update test-login-page & test-register-page

-import React from "react";
-import { Typography, Icon } from 'antd';
-import Chatbot from './Chatbot/Chatbot';
+import React, {Suspense} from "react";
+import { Route, Switch } from "react-router-dom";
+// import { Typography, Icon } from 'antd';
+// import Chatbot from './Chatbot/Chatbot';
+import chatpage from './views/chatpage';
+import loginpage from './views/loginpage';
+import registerpage from './views/registerpage';
 
 
 
 
-const { Title } = Typography;
+//const { Title } = Typography;
 
 
 function App() {
 function App() {
   return (
   return (
-    <div>
-      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
-        <Title level={2} >CHATBOT&nbsp;<Icon type="robot" /></Title>
-      </div>
-      <div style={{ display: 'flex', justifyContent: 'center' }}>
-        <Chatbot />
-      </div>
-    </div>
+    <Suspense fallback = {(<div>Loading...</div>)}>
+      <Switch>
+          <Route exact path="/" component={chatpage}/>
+          <Route exact path="/login" component={loginpage} />
+          <Route exact path="/register" component={registerpage} />
+        </Switch>
+    </Suspense>
   )
   )
 }
 }
 
 

-import React, { Suspense } from "react";
+import React from "react";
 import { Typography, Icon } from 'antd';
 import { Typography, Icon } from 'antd';
 import Chatbot from '../Chatbot/Chatbot';
 import Chatbot from '../Chatbot/Chatbot';
 import { withRouter } from "react-router-dom";
 import { withRouter } from "react-router-dom";

+import React from "react";
+import { Typography} from 'antd';
+import { withRouter } from "react-router-dom";
+const { Title } = Typography;
+
+
+function loginpage() {
+  return (
+    <div>
+      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
+        <Title level={2} >LoginPage Test</Title>
+      </div>
+    </div>
+  )
+}
+
+export default withRouter(loginpage);
\ No newline at end of file

+import React from "react";
+import { Typography} from 'antd';
+import { withRouter } from "react-router-dom";
+const { Title } = Typography;
+
+
+function registerpage() {
+  return (
+    <div>
+      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
+        <Title level={2} >RegisterPage Test</Title>
+      </div>
+    </div>
+  )
+}
+
+export default withRouter(registerpage);
\ No newline at end of file