feat(view): add contextual layer controls

view/bottom-controls/styles.ts

@@ -0,0 +1,19 @@
+export function bottomControlDividerClass() {
+  return "mx-1 h-4 w-px bg-white/15";
+}
+
+export function bottomControlLabelClass() {
+  return "text-white/60";
+}
+
+export function bottomControlValueClass() {
+  return "min-w-10 text-center text-white";
+}
+
+export function bottomControlIconSlotClass() {
+  return "grid size-7 place-items-center rounded-full text-white/80";
+}
+
+export function bottomControlButtonClass() {
+  return `${bottomControlIconSlotClass()} transition hover:bg-white/10 hover:text-white focus:outline-none focus-visible:outline-none`;
+}