style: adjust margins for pinned tabs in tabbar

- Added margin adjustments for the pinned tabs container to improve layout.
- Ensured proper spacing when the pinned tabs are empty or filled.

Author: amnweb

chrome/toolbar/tabbar.css

@@ -310,8 +310,20 @@
 	display: none !important;
 }
 /* Tasb groups */
-#tabbrowser-arrowscrollbox {
+ 
+#pinned-tabs-container[orient="horizontal"] {
+    margin-inline-start: 14px !important;
+    margin-inline-end: 0 !important;
+}
+#tabbrowser-tabs:has(#pinned-tabs-container:empty) #tabbrowser-arrowscrollbox {
     margin-inline-start: 14px !important;
+}
+
+#tabbrowser-tabs:has(#pinned-tabs-container:not(:empty)) #tabbrowser-arrowscrollbox {
+    margin-inline-start: 0 !important;
+}
+
+#tabbrowser-tabs>#tabbrowser-arrowscrollbox {
     margin-inline-end: 6px !important;
 }
 .tab-group-label {