added i18next language lib and some style fixes

src/components/Main/Main.tsx

@@ -11,7 +11,7 @@ import {
   connectSession,
 } from "../../store/reducers/ActionCreator";
 
-export const Main: React.FC<any> = ({ text, visible, setVisible }) => {
+export const Main: React.FC<any> = ({ visible, setVisible }) => {
   const [value, setValue] = useState<string>("");
   const dispatch = useAppDispatch();
   const { popup1, popup2 } = visible;
@@ -33,7 +33,6 @@ export const Main: React.FC<any> = ({ text, visible, setVisible }) => {
             isLoading={isLoading}
             logo={currentCard?.image.logo}
             onConnect={() => dispatch(createSession(currentCard.title))}
-            text={text.popupConnect}
             visible={visible}
             setVisible={setVisible}
           ></PopupConnect>
@@ -55,7 +54,6 @@ export const Main: React.FC<any> = ({ text, visible, setVisible }) => {
             onConnect={() => dispatch(connectSession(value))}
             visible={visible}
             setVisible={setVisible}
-            text={text.popupConnectEx}
           ></PopupConnectEx>
         </motion.div>
       )}