enabled privacy by default for testing, starting CSS for navigation bar

resources/cider-ui-tests/index.js

@@ -120,7 +120,7 @@ const app = new Vue({
             this.mk = MusicKit.getInstance()
             this.mk.authorize()
             this.$forceUpdate()
-
+            this.mk.privateEnabled = true
             // Set profile name
             this.chrome.userinfo = await this.mkapi("personalSocialProfile", false, "")
 

resources/cider-ui-tests/style.css

@@ -6,6 +6,7 @@
     --mediaItemShadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%);
     --mediaItemRadius: 4px;
     --mediaItemRadiusRound: 100%;
+    --navbarHeight: 48px;
     --keyColor: #fa586a;
     --keyColor-rgb: 250, 88, 106;
     --keyColor-rollover: #ff8a9c;
@@ -184,6 +185,17 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
     flex: 0 0 auto;
 }
 
+#app-navbar {
+    height: 40px;
+    width: 100%;
+    background: rgb(30 30 30 / 85%);
+    position: sticky;
+    top: 0px;
+    left: 0;
+    z-index: 2;
+    backdrop-filter: blur(16px) saturate(180%);
+}
+
 #app-content {
     background-color: var(--color2);
     height: 100%;