style: shorten the name

widgets/bar/battery.tsx

@@ -8,7 +8,7 @@ export const Battery = () => {
     <box cssClasses={["pill"]} visible={bind(battery, "isPresent")}>
       <label
         label={bind(battery, "percentage").as(
-          (p) => `Bat: ${Math.floor(p * 100)}%`,
+          (p) => `B: ${Math.floor(p * 100)}%`,
         )}
       />
     </box>

widgets/bar/tailscale.tsx

@@ -12,7 +12,7 @@ export const Tailscale = () => {
       <label
         label={bind(tailscale).as((val) => {
           const data = val.split(" ");
-          return "Home: " + data[data.length - 1];
+          return "H: " + data[data.length - 1];
         })}
       />
     </box>