feat: ✨ enhance UI components with updated styles and improved layout

src/themes/scss/theme/modules/repo/_file-list.scss

@@ -4,9 +4,41 @@
 
 @mixin apply-styles {
     .repo-button-row-left {
+        gap: var.get('measure/.5x');
+
         .button {
             @include button.hollow;
         }
+
+        .breadcrumb.repo-path {
+            font-size: var.get('font-size/lg');
+            padding: 0 0 0 var.get('measure/.5x');
+
+            .section {
+                &:first-of-type, &.active {
+                    font-weight: 600;
+                }
+            }
+
+            .breadcrumb-divider, button {
+                color: color.get('subtle') !important;
+            }
+
+            button {
+                border-radius: var(--border-radius);
+                padding: var.get('measure/.375x');
+                margin: 0 0 0 var.get('measure/.5x') !important;
+
+                svg {
+                    width: var.get('measure/1x');
+                    height: var.get('measure/1x');
+                }
+
+                &:hover {
+                    background-color: var(--color-nav-hover-bg);
+                }
+            }
+        }
     }
 
     .repo-home-filelist {
@@ -59,5 +91,10 @@
                 }
             }
         }
+
+        // readme
+        #readme {
+
+        }
     }
 }

src/themes/scss/theme/modules/repo/_secondary-navbar.scss

@@ -106,7 +106,7 @@
         // header navbar menu
         overflow-menu.ui.secondary.pointing.menu {
             .overflow-menu-items {
-                gap: var.get('measure/.25x') !important;
+                gap: var.get('measure/.5x') !important;
             }
 
             // navbar menu items