Remove coreui (#76)

* adding typing and flake8

* removing coreui. ComicCard.vue finished

* removing coreui. ConfirmButton.vue finished

* removing coreui. more pages finished.

* removing coreui. all pages finished

* removing coreui. all pages finished

* version bump and update python deps.

* Update frontend/src/components/ComicPaginate.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/ComicPaginate.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/ComicPaginate.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/ComicPaginate.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/ComicPaginate.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/InitialSetup.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/TheAccountForm.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/TheAccountForm.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/ComicPaginate.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/ConfirmButton.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/vue.config.js

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/ComicPaginate.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/ComicPaginate.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update frontend/src/components/TheNavbar.vue

Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

* Update TheNavbar.vue

Co-authored-by: Peter Dwyer <peter.dwyer@clanwilliamhealth.com>
Co-authored-by: codacy-production[bot] <61871480+codacy-production[bot]@users.noreply.github.com>

frontend/src/components/TheNavbar.vue

@@ -1,46 +1,39 @@
 <template>
-  <CNavbar expand="lg" color-scheme="light" class="bg-light">
-    <CContainer fluid>
-      <CNavbarBrand href="#"><img src="/static/img/logo.svg" width="35" class="d-inline-block align-top" alt="CB"> Web Reader</CNavbarBrand>
-      <CNavbarToggler @click="visible = !visible"/>
-      <CCollapse class="navbar-collapse" :visible="visible">
-        <CNavbarNav>
-          <CNavItem>
+  <nav class="navbar navbar-expand-lg bg-light">
+    <div class="container-fluid">
+      <a class="navbar-brand" href="#"><img src="/static/img/logo.svg" width="35" class="d-inline-block align-top" alt="CB"> Web Reader</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+          <li class="nav-item">
             <router-link :to="{name: 'browse'}" class="nav-link" >Browse</router-link>
-          </CNavItem>
-          <CNavItem>
+          </li>
+          <li class="nav-item">
             <router-link :to="{name: 'recent'}" class="nav-link" >Recent</router-link>
-          </CNavItem>
-          <CNavItem>
+          </li>
+          <li class="nav-item">
             <router-link :to="{name: 'account'}" class="nav-link" >Account</router-link>
-          </CNavItem>
-          <CNavItem>
+          </li>
+          <li class="nav-item">
             <router-link :to="{name: 'user'}" class="nav-link" v-if="this.$store.getters.is_superuser">Users</router-link>
-          </CNavItem>
-          <CNavItem>
-            <CNavLink @click="logout">Log Out</CNavLink>
-          </CNavItem>
-        </CNavbarNav>
-      </CCollapse>
-    </CContainer>
-  </CNavbar>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" @click="logout">Log Out</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
 </template>
 <script>
-import { CNavbar, CNavbarNav, CContainer, CNavbarBrand, CNavbarToggler, CCollapse, CNavItem, CNavLink } from '@coreui/vue'
 import store from "@/store";
 import router from "@/router";
+import 'bootstrap/js/dist/collapse'
 export default {
   name: "TheNavbar",
-  components: {
-    CNavbar,
-    CNavbarNav,
-    CContainer,
-    CNavbarBrand,
-    CNavbarToggler,
-    CCollapse,
-    CNavItem,
-    CNavLink
-  },
+  components: { },
   data() {
     return {
       visible: false
@@ -59,4 +52,4 @@ export default {
 .nav-link {
   cursor: pointer;
 }
-</style>
+</style>