fix(web): position drag grips beside project labels and add data trust panel

- Move drag grip buttons inside the title row with absolute positioning
  relative to the flex container (left-1, vertically centered)
- Add pl-8 padding to title buttons so text doesn't overlap grips
- Add DataTrustPanel component showing privacy indicators in sidebar
  (encrypted, local storage, no tracking)

apps/web/src/pages/Shell.tsx

@@ -157,6 +157,7 @@ import {
 } from "../components/ComputersUnavailableHint";
 import { ComputerUpdateProgress } from "../components/ComputerUpdateProgress";
 import { MessageHoverMetadata } from "../components/MessageHoverMetadata";
+import { DataTrustPanel } from "../components/DataTrustPanel";
 import { OoGroupStage, OoStage } from "../components/stage/OoStage";
 import { TradingModeIndicator } from "../components/TradingModeIndicator";
 import { SkillDraftCard } from "../components/teach/SkillDraftCard";
@@ -3970,6 +3971,7 @@ export function ShellPage() {
           ) : null}
         </div>
         <TradingModeIndicator snapshot={tradingStatus} className="mx-3 mb-1 lg:mx-5 2xl:mx-7" />
+        <DataTrustPanel />
         <Popover open={menuOpen} onOpenChange={setMenuOpen}>
           <PopoverTrigger
             data-testid="user-menu-trigger"