fix 720p screens layout issue

~ add media queries
+ handle responsiveness on folder header

src/components/nav/NavBar.vue

@@ -81,14 +81,15 @@ watch(
 .topnav {
   display: grid;
   grid-template-columns: 1fr min-content max-content;
+  width: 100%;
 
   .left {
     display: grid;
     grid-template-columns: max-content 1fr;
+    width: min-content;
+    overflow: scroll;
 
     .info {
-      min-width: 15rem;
-
       .title {
         font-size: 1.5rem;
         font-weight: bold;

src/components/nav/Titles/Folder.vue

@@ -63,7 +63,10 @@ onUpdated(() => {
       margin-left: $smaller;
       overflow: auto;
       padding-right: $smaller;
-      color: rgba(255, 255, 255, 0.678);
+
+      @include for-desktop-down {
+        max-width: 9rem;
+      }
 
       .icon {
         height: 2rem;