refactor/Added new required field in BaseInput component

src/components/InputFields/BaseInput.vue

@@ -37,6 +37,10 @@ const props = defineProps({
   invalidMessage: {
     type: String,
     default: ''
+  },
+  required: {
+    type: Boolean,
+    default: true
   }
 });
 
@@ -53,9 +57,11 @@ const onInputEvent = (event: any) => {
            :type="type"
            class="form-control"
            :placeholder="placeholder"
-           :id="inputId" required
+           :id="inputId"
            :min="min"
-           :pattern="pattern"/>
+           :pattern="pattern"
+           :required="required"
+    />
     <div class="valid-feedback">{{ validMessage }}</div>
     <div class="invalid-feedback">{{ invalidMessage }}</div>
   </div>

src/views/Authentication/SignUpView.vue

 <script setup lang="ts">
-import Footer from '@/components/BaseComponents/Footer.vue'
-import Menu from '@/components/BaseComponents/Menu.vue'
 import SignUp from '@/components/SignUp/SignUp.vue'
 </script>
 
 <template>
-  <Menu/>
   <SignUp/>
-  <Footer/>
 </template>
 
 <style scoped>