added dir ref to login and register component

// ./frontend/src/components/Login.js

// ./react-frontend/my-react-app/src/components/Login.js

import React, { useEffect, useState } from 'react';

import Cookies from 'js-cookie';

  const [email, setEmail] = useState('');

  const [password, setPassword] = useState('');

  // useEffect(() => {

  //   const checkUser = async () => {

  //     try {

  //       const responseData = await protectedFetch(`${Config.backendBaseUrl}` + '/login');

  //       if (!responseData.user_exists) {

  //         alert('No user exists!')

  //         window.location.href = `${Config.frontendBaseUrl}` + '/register'; // Redirect to register page 

  //       }

  //     } catch (error) {

  //       console.error('Error fetching data:', error);

  //     } finally {

  //     }

  //   };

  //   checkUser();

  // }, []);

  // Function for login of external users

  const handleLogin = async (e) => {

    e.preventDefault();

        />

      </div>

      {/* <hr /> */}

      <button type="submit" className="btn btn-hoh-blue btn-sm">Login</button>

      <button type="submit" className="btn btn-hoh-blue">Login</button>

      </form>

      </div>

// ./frontend/src/components/Register.js

// ./react-frontend/my-react-app/src/components/Register.js

import React, { useState } from 'react';

import Cookies from 'js-cookie';