fix(ui): tab counters 4px lower and further right

Corner counters on tabs (header, task lists, lists, workspace) sat on
the tab's top border and close to the text; now -top-0.5 -right-2 with
pr-3 on the label. The mobile bottom bar keeps its icon placement.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/features/workspace/WorkspaceView.tsx

@@ -1229,9 +1229,9 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
             }`}
           >
             <Check className="w-3.5 h-3.5 text-status-ok" />
-            <span className={`relative inline-flex items-center ${totalOpenTodos > 0 ? 'pr-2' : ''}`}>
+            <span className={`relative inline-flex items-center ${totalOpenTodos > 0 ? 'pr-3' : ''}`}>
               To-Dos
-              <CountBadge count={totalOpenTodos} position="corner" className="-top-1.5 -right-1" />
+              <CountBadge count={totalOpenTodos} position="corner" className="-top-0.5 -right-2" />
             </span>
           </button>
 
@@ -1248,9 +1248,9 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
             }`}
           >
             <Hash className="w-3.5 h-3.5 text-accent" />
-            <span className={`relative inline-flex items-center ${tagsSummary.length > 0 ? 'pr-2' : ''}`}>
+            <span className={`relative inline-flex items-center ${tagsSummary.length > 0 ? 'pr-3' : ''}`}>
               Hashtags
-              <CountBadge count={tagsSummary.length} position="corner" className="-top-1.5 -right-1" />
+              <CountBadge count={tagsSummary.length} position="corner" className="-top-0.5 -right-2" />
             </span>
           </button>
         </div>