make whole share container in sidebar clickable

Author: st0ffregen

service/frontend/src/components/Sidebar.js

@@ -41,13 +41,17 @@ function Sidebar({ sessions, importedSessions, onSelect, onCreate, selectedSessi
             <div
               key={session.id}
               className={`p-4 cursor-pointer hover:bg-gray-800 ${selectedSessionId === session.id ? 'bg-gray-800 font-bold' : ''}`}
+              onClick={() => onSelect(session.id)}
             >
               <div className="flex items-center justify-between">
-                <span onClick={() => onSelect(session.id)} className="flex-1 cursor-pointer">
+                <span className="flex-1">
                   Session {session.id}
                 </span>
                 <button
-                  onClick={() => onShare(session.id)}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    onShare(session.id);
+                  }}
                   className={`ml-2 ${sharedSessions && sharedSessions[session.id] ? 'bg-gray-600 cursor-not-allowed' : 'bg-green-600 hover:bg-green-700'} text-white px-2 py-1 rounded text-xs`}
                   title="Share session - Makes this session universally available to all other users via its ID"
                   disabled={sharedSessions && sharedSessions[session.id]}