Fix power user button functionality by restructuring tooltip/sheet interaction

Co-authored-by: rajbos <6085745+rajbos@users.noreply.github.com>

Author: Copilot

src/App.tsx

@@ -356,25 +356,19 @@ function App() {
                       </span>
                     </div>
                     {powerUserSummary && (
-                      <Sheet>
-                        <SheetTrigger asChild>
-                          <UITooltip>
-                            <TooltipTrigger asChild>
+                      <UITooltip>
+                        <TooltipTrigger asChild>
+                          <Sheet>
+                            <SheetTrigger asChild>
                               <Button variant="outline" className="flex items-center gap-2">
                                 <span className="text-sm">Power Users:</span>
                                 <span className="font-bold">{powerUserSummary.totalPowerUsers}</span>
                               </Button>
-                            </TooltipTrigger>
-                            <TooltipContent>
-                              <p>Power users are the top 10% of users by request count.<br/>
-                              These users make the most requests to GitHub Copilot.</p>
-                            </TooltipContent>
-                          </UITooltip>
-                        </SheetTrigger>
-                        <SheetContent className="w-[800px] sm:w-[1000px] lg:w-[1200px] overflow-y-auto">
-                          <SheetHeader>
-                            <SheetTitle>Power Users Analysis</SheetTitle>
-                          </SheetHeader>
+                            </SheetTrigger>
+                            <SheetContent className="w-[800px] sm:w-[1000px] lg:w-[1200px] overflow-y-auto">
+                              <SheetHeader>
+                                <SheetTitle>Power Users Analysis</SheetTitle>
+                              </SheetHeader>
                           <div className="mt-6 space-y-6">
                             {/* Power User Summary */}
                             <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
@@ -491,9 +485,15 @@ function App() {
                                 </Table>
                               </div>
                             </Card>
-                          </div>
-                        </SheetContent>
-                      </Sheet>
+                              </div>
+                            </SheetContent>
+                          </Sheet>
+                        </TooltipTrigger>
+                        <TooltipContent>
+                          <p>Power users are the top 10% of users by request count.<br/>
+                          These users make the most requests to GitHub Copilot.</p>
+                        </TooltipContent>
+                      </UITooltip>
                     )}
                   </div>
                 </div>