Feature/play/zoomlogin refactor1

src/plays/zoomlogin/MainPage.js

@@ -0,0 +1,20 @@
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import App from './components/App';
+import HomePage from './components/HomePage';
+import LinkedinPage from './components/Linkedin/LinkedinPage';
+import ZoomPage from './components/Zoom/ZoomPage';
+
+export function MainPage() {
+  return (
+    <BrowserRouter basename="/react-login-form">
+      <App>
+        <Routes>
+          <Route element={<HomePage />} path="/" />
+          <Route element={<LinkedinPage />} path="/linkedin" />
+          <Route element={<ZoomPage />} path="/zoom" />
+        </Routes>
+      </App>
+    </BrowserRouter>
+  );
+}
+export default MainPage;

src/plays/zoomlogin/components/Zoom/ZoomSignin.js

@@ -184,7 +184,7 @@ function ZoomSignin({ helpHandle }) {
                 {isEmailFocused && (
                   <label
                     className="absolute text-slate-500 pt-1 pb-2 left-0 top-0 text-xs mb-1 px-2"
-                    htmlFor="email"
+                    htmlFor="zoomemail"
                   >
                     Email Address
                   </label>
@@ -210,7 +210,7 @@ function ZoomSignin({ helpHandle }) {
                 {isPasswordFocused && (
                   <label
                     className="absolute text-slate-500 pt-1 pb-2 left-0 top-0 text-xs mb-1 px-2"
-                    htmlFor="email"
+                    htmlFor="zoompassword"
                   >
                     Password
                   </label>

src/plays/zoomlogin/components/chatbot/widget/InitialButtonOptions.jsx

@@ -9,10 +9,10 @@ const InitialButtonOptions = (props) => {
   };
 
   return (
-    <div className="text-[#0e72ed] ml-[4rem] font-extrabold text-[13px] sm:text-[14px]">
+    <div className="text-[#0e72ed] ml-[4rem] font-extrabold text-[14px]">
       <button
         aria-label="My Account is Locked"
-        className="inline-block border border-[#0e72ed] rounded-3xl px-4 py-1.5 m-1 hover:bg-[#0e72ed] hover:text-white hover:cursor-not-allowed"
+        className="inline-block border border-[#0e72ed] rounded-3xl px-4 py-1.5 m-1 hover:bg-[#0e72ed] hover:text-white  hover:cursor-pointer"
         title="My Account is Locked"
         onClick={() => handleAccountLockedClick('My Account is Locked')}
       >