removing useless component

frontend/src/components/form/CheckboxInput.vue

-<template>
-    <div class="form-check row">
-                <label class="col-md-4 col-form-label text-md-right" :for="this.id">{{label}}</label>
-                <input class="form-check-input" type="checkbox" :id="this.id" :name="this.id">
-            
-            </div>
-            
-</template>
-
-<script>
-export default {
-    props: {
-        id: { type: String, default: ''},
-        label: { type: String, default: 'label' }
-    }
-}
-</script>
-
-<style>
-.row {
-    display: flex;
-    flex-wrap: wrap;
-    margin-right: -15px;
-    margin-left: -15px;
-}
-.form-check-input {
-    height: 1.5em;
-    width: 1.5em;
-}
-.form-check {
-    position: relative;
-    display: block;
-    padding-left: 1.25rem;
-}
-
-.col-md-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
-}
-.text-md-right {
-    text-align: right !important;
-}
-.col-form-label {
-    padding-top: calc(0.375rem + 1px);
-    padding-bottom: calc(0.375rem + 1px);
-    margin-bottom: 0;
-    line-height: 1.6;
-    font-style: normal;
-    font-weight: bold;
-    font-size: 24px;
-    line-height: 42px;
-
-    color: #000000;
-}
-.col-md-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
-}
-
-.col-md-4, .col-md-6{
-    position: relative;
-width: 100%;
-padding-right: 15px;
-padding-left: 15px;
-}
-
-.form-control {
-    display: block;
-    width: 100%;
-    padding: 0.375rem 0.75rem;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.6;
-    color: #495057;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #ced4da;
-    border-radius: 0.25rem;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-</style>
\ No newline at end of file