feat: Bootstrap Vue components changed to Coreui-Vue components

src/views/pages/Page500.vue

@@ -1,26 +1,24 @@
 <template>
   <div class="app flex-row align-items-center">
     <div class="container">
-      <b-row class="justify-content-center">
-        <b-col md="6">
+      <CRow class="justify-content-center">
+        <CCol md="6">
           <div class="clearfix">
             <h1 class="float-left display-3 mr-4">500</h1>
             <h4 class="pt-3">Houston, we have a problem!</h4>
             <p class="text-muted">The page you are looking for is temporarily unavailable.</p>
           </div>
-          <b-input-group>
-            <b-input-group-prepend>
-              <b-input-group-text>
-                <i class="fa fa-search"></i>
-              </b-input-group-text>
-            </b-input-group-prepend>
-            <input id="prependedInput" class="form-control" size="16" type="text" placeholder="What are you looking for?">
-            <b-input-group-append>
-              <b-button variant="info">Search</b-button>
-            </b-input-group-append>
-          </b-input-group>
-        </b-col>
-      </b-row>
+          <CFormInput
+            class="mb-0"
+            prepend="<i class='fa fa-search'></i>"
+            placeholder="What are you looking for?"
+          >
+            <template #append>
+              <CButton variant="info">Search</CButton>
+            </template>
+          </CFormInput>
+        </CCol>
+      </CRow>
     </div>
   </div>
 </template>