Components and views fixes, HeroIcon added

src/views/FormViews/LoginView.vue

 <template>
-  <div class="h-screen grid">
+  <div class="h-screen grid md:mt-8">
     <LoginForm></LoginForm>
   </div>
 </template>

src/views/FormViews/NewPasswordView.vue

 <template>
-  <div class="newPasswordPage">
+  <div class="h-screen grid md:mt-8">
     <NewPasswordForm></NewPasswordForm>
   </div>
 </template>
@@ -13,11 +13,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.newPasswordPage {
-  background-color: white;
-  height: 100%;
-  overflow: auto;
-}
-</style>

src/views/FormViews/RegisterView.vue

 <template>
-  <div class="h-screen grid">
+  <div class="h-screen grid md:mt-8">
     <RegisterFormComponent />
   </div>
 </template>

src/views/FormViews/ResetPasswordView.vue

 <template>
-  <div class="resetPassword">
+  <div class="h-screen grid md:mt-8">
     <ResetPassword></ResetPassword>
   </div>
 </template>
@@ -13,11 +13,3 @@ export default {
   },
 };
 </script>
-
-<style scoped>
-.resetPassword {
-  background-color: white;
-  height: 100%;
-  overflow: auto;
-}
-</style>

vue.config.js

@@ -4,7 +4,7 @@ module.exports = defineConfig({
   transpileDependencies: true,
   chainWebpack: (config) => {
     config.plugin("html").tap((args) => {
-      args[0].title = "Borrow Company";
+      args[0].title = "Borrow Community";
       return args;
     });
   },