style(src/styles): add lockscreen and panel notch CSS

src/styles/main.css

@@ -6,6 +6,7 @@
 @import url("./launcher/index.css");
 @import url("./window/index.css");
 @import url("./widgets/index.css");
+@import url("./window/lock.css");
 
 * {
     all: unset;

src/styles/window/lock.css

@@ -1,6 +1,25 @@
 #lockscreen-bg {
   background-size: cover;
 }
+
+#lock-notch {
+    margin: 0 20px;
+}
+
+#lock-notch-stack {
+    background-color: #000000;
+    border-radius: 0 0 apply(radius-lg) apply(radius-lg);
+    min-width: 200px;
+    min-height: 34px;
+}
+
+#lock-notch-corner {
+    background-color: #000000;
+    border-radius: 0;
+    min-width: 20px;
+    min-height: 20px;
+}
+
 #indicator-box {
   margin-right: 10px;
   margin-top: 4px;

src/styles/window/panel.css

@@ -84,6 +84,7 @@
 #global-menu.active *,
 #workspaces>button:hover * {
     color: @on-primary;
+
 }
 
 #panel-notch {
@@ -136,16 +137,11 @@
 }
 
 #panel-notch-stack #notch-player-art {
-    min-width: 24px;
-    min-height: 24px;
+    min-width: 18px;
+    min-height: 18px;
     background-size: cover;
     background-position: center;
     border-radius: apply(radius-sm);
     margin-left: 8px;
 }
 
-#panel-notch-stack #notch-player-time {
-    font-size: apply(font-xs);
-    font-weight: 500;
-    padding: 0 8px 0 4px;
-}