diff --git a/client/assets/absicons.css b/client/assets/absicons.css
index b2c0f8e883..0f90fab6bc 100644
--- a/client/assets/absicons.css
+++ b/client/assets/absicons.css
@@ -1,10 +1,7 @@
 @font-face {
   font-family: 'absicons';
-  src: url('~static/fonts/absicons/absicons.eot?2jfq33');
-  src: url('~static/fonts/absicons/absicons.eot?2jfq33#iefix') format('embedded-opentype'),
-    url('~static/fonts/absicons/absicons.ttf?2jfq33') format('truetype'),
-    url('~static/fonts/absicons/absicons.woff?2jfq33') format('woff'),
-    url('~static/fonts/absicons/absicons.svg?2jfq33#absicons') format('svg');
+  src: url('~/static/fonts/absicons/absicons.eot?2jfq33');
+  src: url('~/static/fonts/absicons/absicons.eot?2jfq33#iefix') format('embedded-opentype'), url('~/static/fonts/absicons/absicons.ttf?2jfq33') format('truetype'), url('~/static/fonts/absicons/absicons.woff?2jfq33') format('woff'), url('~/static/fonts/absicons/absicons.svg?2jfq33#absicons') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -26,81 +23,81 @@
 }
 
 .icon-books-1:before {
-  content: "\e905";
+  content: '\e905';
 }
 
 .icon-microphone-1:before {
-  content: "\e902";
+  content: '\e902';
 }
 
 .icon-radio:before {
-  content: "\e903";
+  content: '\e903';
 }
 
 .icon-podcast:before {
-  content: "\e904";
+  content: '\e904';
 }
 
 .icon-audiobookshelf:before {
-  content: "\e900";
+  content: '\e900';
 }
 
 .icon-database:before {
-  content: "\e906";
+  content: '\e906';
 }
 
 .icon-microphone-2:before {
-  content: "\e901";
+  content: '\e901';
 }
 
 .icon-headphones:before {
-  content: "\e910";
+  content: '\e910';
 }
 
 .icon-music:before {
-  content: "\e911";
+  content: '\e911';
 }
 
 .icon-video:before {
-  content: "\e914";
+  content: '\e914';
 }
 
 .icon-microphone-3:before {
-  content: "\e91e";
+  content: '\e91e';
 }
 
 .icon-book-1:before {
-  content: "\e91f";
+  content: '\e91f';
 }
 
 .icon-books-2:before {
-  content: "\e920";
+  content: '\e920';
 }
 
 .icon-file-picture:before {
-  content: "\e927";
+  content: '\e927';
 }
 
 .icon-database-1:before {
-  content: "\e964";
+  content: '\e964';
 }
 
 .icon-rocket:before {
-  content: "\e9a5";
+  content: '\e9a5';
 }
 
 .icon-power:before {
-  content: "\e9b5";
+  content: '\e9b5';
 }
 
 .icon-star:before {
-  content: "\e9d9";
+  content: '\e9d9';
 }
 
 .icon-heart:before {
-  content: "\e9da";
+  content: '\e9da';
 }
 
 .icon-rss:before {
-  content: "\ea9b";
-}
\ No newline at end of file
+  content: '\ea9b';
+}
diff --git a/client/assets/app.css b/client/assets/app.css
index 7daf74ff4b..de9b45d711 100644
--- a/client/assets/app.css
+++ b/client/assets/app.css
@@ -5,7 +5,7 @@
 @import './absicons.css';
 
 :root {
-  --bookshelf-texture-img: url(/textures/wood_default.jpg);
+  --bookshelf-texture-img: url('~/static/textures/wood_default.jpg');
   --bookshelf-divider-bg: linear-gradient(180deg, rgba(149, 119, 90, 1) 0%, rgba(103, 70, 37, 1) 17%, rgba(103, 70, 37, 1) 88%, rgba(71, 48, 25, 1) 100%);
 }
 
@@ -92,11 +92,10 @@
 }
 
 /* Firefox */
-input[type=number] {
+input[type='number'] {
   -moz-appearance: textfield;
 }
 
-
 .tracksTable {
   border-collapse: collapse;
   width: 100%;
@@ -204,7 +203,6 @@ Bookshelf Label
   color: #fce3a6;
 }
 
-
 .cover-bg {
   width: calc(100% + 40px);
   height: calc(100% + 40px);
@@ -247,4 +245,4 @@ Bookshelf Label
 
 .abs-btn:disabled::before {
   background-color: rgba(0, 0, 0, 0.2);
-}
\ No newline at end of file
+}
diff --git a/client/assets/defaultStyles.css b/client/assets/defaultStyles.css
index 027ccdf230..f633a42ea3 100644
--- a/client/assets/defaultStyles.css
+++ b/client/assets/defaultStyles.css
@@ -52,4 +52,4 @@
   text-indent: 0px !important;
   text-align: start !important;
   text-align-last: start !important;
-}
\ No newline at end of file
+}
diff --git a/client/assets/draggable.css b/client/assets/draggable.css
index 31271e675f..74de5208fd 100644
--- a/client/assets/draggable.css
+++ b/client/assets/draggable.css
@@ -45,4 +45,4 @@
 
 .list-group-item.exclude:not(.ghost):hover {
   background-color: rgba(223, 0, 0, 0.25);
-}
\ No newline at end of file
+}
diff --git a/client/assets/fonts.css b/client/assets/fonts.css
index c568ffa6e4..63232bcbcc 100644
--- a/client/assets/fonts.css
+++ b/client/assets/fonts.css
@@ -2,7 +2,7 @@
   font-family: 'Material Symbols Rounded';
   font-style: normal;
   font-weight: 400;
-  src: url(~static/fonts/MaterialSymbolsRounded.woff2) format('woff2');
+  src: url('~/static/fonts/MaterialSymbolsRounded.woff2') format('woff2');
 }
 
 .material-symbols {
@@ -21,8 +21,7 @@
 }
 
 .material-symbols.fill {
-  font-variation-settings:
-    'FILL' 1
+  font-variation-settings: 'FILL' 1;
 }
 
 /* cyrillic-ext */
@@ -31,7 +30,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
@@ -41,7 +40,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -51,7 +50,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
   unicode-range: U+1F00-1FFF;
 }
 
@@ -61,7 +60,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
   unicode-range: U+0370-03FF;
 }
 
@@ -71,7 +70,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 
@@ -81,7 +80,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
@@ -91,7 +90,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
@@ -101,7 +100,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('ttf');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('ttf');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
@@ -111,7 +110,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -121,7 +120,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
   unicode-range: U+1F00-1FFF;
 }
 
@@ -131,7 +130,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
   unicode-range: U+0370-03FF;
 }
 
@@ -141,7 +140,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 
@@ -151,7 +150,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
@@ -161,7 +160,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
@@ -171,7 +170,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
@@ -181,7 +180,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype');
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -191,7 +190,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype');
   unicode-range: U+1F00-1FFF;
 }
 
@@ -201,7 +200,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype');
   unicode-range: U+0370-03FF;
 }
 
@@ -211,7 +210,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype');
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 
@@ -221,7 +220,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
@@ -231,7 +230,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(~static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf) format('truetype');
+  src: url('~/static/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf') format('truetype');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
@@ -241,7 +240,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf') format('truetype');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
@@ -251,7 +250,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf') format('truetype');
   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -261,7 +260,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf') format('truetype');
   unicode-range: U+1F00-1FFF;
 }
 
@@ -271,7 +270,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf') format('truetype');
   unicode-range: U+0370-03FF;
 }
 
@@ -281,7 +280,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf') format('truetype');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
@@ -291,6 +290,6 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(~static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf) format('truetype');
+  src: url('~/static/fonts/Ubuntu_Mono/UbuntuMono-Regular.ttf') format('truetype');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
diff --git a/client/assets/tailwind.css b/client/assets/tailwind.css
index bd6213e1df..b5c61c9567 100644
--- a/client/assets/tailwind.css
+++ b/client/assets/tailwind.css
@@ -1,3 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities;
diff --git a/client/assets/transitions.css b/client/assets/transitions.css
index 17667d0143..ed4229b6e3 100644
--- a/client/assets/transitions.css
+++ b/client/assets/transitions.css
@@ -32,8 +32,6 @@
   max-height: 0;
 }
 
-
-
 .menu-enter,
 .menu-leave-active {
   transform: translateY(-15px);
@@ -70,7 +68,6 @@
   opacity: 0;
 }
 
-
 .list-complete-item {
   transition: all 0.8s ease;
 }
@@ -83,4 +80,4 @@
 
 .list-complete-leave-active {
   position: absolute;
-}
\ No newline at end of file
+}
diff --git a/client/assets/trix.css b/client/assets/trix.css
index 8f88c61f1c..31d605f96b 100644
--- a/client/assets/trix.css
+++ b/client/assets/trix.css
@@ -117,7 +117,7 @@ trix-toolbar .trix-button--icon::before {
   bottom: 0;
   left: 0;
   opacity: 0.6;
-  content: "";
+  content: '';
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
@@ -230,7 +230,7 @@ trix-toolbar .trix-input--dialog {
 }
 
 trix-toolbar .trix-input--dialog.validate:invalid {
-  box-shadow: #F00 0px 0px 1.5px 1px;
+  box-shadow: #f00 0px 0px 1.5px 1px;
 }
 
 trix-toolbar .trix-button--dialog {
@@ -317,7 +317,7 @@ trix-editor .attachment__progress {
   transition: opacity 200ms ease-in;
 }
 
-trix-editor .attachment__progress[value="100"] {
+trix-editor .attachment__progress[value='100'] {
   opacity: 0;
 }
 
@@ -399,7 +399,7 @@ trix-editor .trix-button--remove::before {
   bottom: 0;
   left: 0;
   opacity: 0.7;
-  content: "";
+  content: '';
   background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
   background-position: center;
   background-repeat: no-repeat;
@@ -467,8 +467,8 @@ trix-editor .attachment__metadata .attachment__size {
   padding-left: 0.6em;
 }
 
-.trix-content [dir=rtl] blockquote,
-.trix-content blockquote[dir=rtl] {
+.trix-content [dir='rtl'] blockquote,
+.trix-content blockquote[dir='rtl'] {
   border-width: 0;
   border-right-width: 0.3em;
   margin-right: 0.3em;
@@ -479,7 +479,7 @@ trix-editor .attachment__metadata .attachment__size {
   margin-left: 1em;
 }
 
-.trix-content [dir=rtl] li {
+.trix-content [dir='rtl'] li {
   margin-right: 1em;
 }
 
@@ -520,7 +520,7 @@ trix-editor .attachment__metadata .attachment__size {
   text-align: center;
 }
 
-.trix-content .attachment__caption .attachment__name+.attachment__size::before {
+.trix-content .attachment__caption .attachment__name + .attachment__size::before {
   content: ' · ';
 }
 
@@ -560,4 +560,4 @@ trix-editor .attachment__metadata .attachment__size {
 .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
   flex-basis: 50%;
   max-width: 50%;
-}
\ No newline at end of file
+}
diff --git a/client/layouts/error.vue b/client/layouts/error.vue
index 513b51aa74..0df05441bb 100644
--- a/client/layouts/error.vue
+++ b/client/layouts/error.vue
@@ -3,7 +3,7 @@
     <div class="absolute z-0 top-0 left-0 px-6 py-3">
       <div class="flex items-center">
         <nuxt-link to="/">
-          <img src="~static/icon.svg" alt="Audiobookshelf Logo" class="w-10 min-w-10 h-10" />
+          <img src="~/static/icon.svg" alt="Audiobookshelf Logo" class="w-10 min-w-10 h-10" />
         </nuxt-link>
         <nuxt-link to="/">
           <h1 class="text-xl ml-4 hover:underline">audiobookshelf</h1>
diff --git a/client/pages/login.vue b/client/pages/login.vue
index a853def452..14801c28ac 100644
--- a/client/pages/login.vue
+++ b/client/pages/login.vue
@@ -2,7 +2,7 @@
   <div id="page-wrapper" class="w-full h-screen overflow-y-auto">
     <div class="absolute z-0 top-0 left-0 px-6 py-3">
       <div class="flex items-center">
-        <img src="~static/icon.svg" alt="Audiobookshelf Logo" class="w-10 min-w-10 h-10" />
+        <img src="~/static/icon.svg" alt="Audiobookshelf Logo" class="w-10 min-w-10 h-10" />
         <h1 class="text-xl ml-4 hidden lg:block hover:underline">audiobookshelf</h1>
       </div>
     </div>