adapt vue modals styles to bootstrap

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue

@@ -3,7 +3,7 @@
    <h2><a name="section-10"></a>{{ $t('persons_associated.title')}}</h2>
    
    <div>
-      <label>{{ $tc('persons_associated.counter', counter) }}</label>
+      <label class="col-form-label">{{ $tc('persons_associated.counter', counter) }}</label>
    </div>
    
    <table class="table table-bordered table-striped border-dark align-middle" v-if="participations.length > 0">

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue

@@ -3,7 +3,7 @@
    <h2><a name="section-40"></a>{{ $t('referrer.title') }}</h2>
 
    <div class="my-4">
-      <label for="selectReferrer">
+      <label class="col-form-label" for="selectReferrer">
          {{ $t('referrer.label') }}
       </label>
 

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue

@@ -4,7 +4,7 @@
    <h2><a name="section-50"></a>{{ $t('resources.title')}}</h2>
    
    <div>
-      <label>{{ $tc('resources.counter', counter) }}</label>
+      <label class="col-form-label">{{ $tc('resources.counter', counter) }}</label>
    </div>
    
    <table class="table table-bordered table-striped border-dark align-middle" v-if="resources.length > 0">

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue

@@ -163,6 +163,7 @@ div#content {
             box-sizing: border-box;
             margin-bottom: -3px;
             color: #71859669;
+            text-decoration: none;
             &.top {
                color: #718596;
             }