Make list semantics explicit: role=list with role=listitem wrappers and aria-current

Wrap each chat item in a role=listitem container to match role=list on the
parent; add aria-current on the active item for better screen reader
feedback. Build and lint pass.

Author: PeterDaveHello

src/pages/IndependentPanel/App.jsx

@@ -248,45 +248,47 @@ function App() {
             {filteredSessions
               .filter((session) => Boolean(session.sessionId))
               .map((session) => (
-                <button
-                  type="button"
-                  key={session.sessionId}
-                  aria-pressed={sessionId === session.sessionId}
-                  className={`normal-button chat-list-item ${
-                    sessionId === session.sessionId ? 'active' : ''
-                  }`}
-                  onClick={() => {
-                    setSessionIdSafe(session.sessionId)
-                  }}
-                >
-                  {session.sessionName}
-                  <span className="gpt-util-group">
-                    <DeleteButton
-                      size={14}
-                      text={t('Delete Conversation')}
-                      onConfirm={async () => {
-                        const deletedId = session.sessionId
-                        const updatedSessions = await deleteSession(deletedId)
-                        setSessions(updatedSessions)
-                        if (!updatedSessions || updatedSessions.length === 0) {
-                          setSessionId(null)
-                          setCurrentSession(null)
-                          return
-                        }
-                        // Only change active session if the deleted one was active
-                        if (sessionId === deletedId) {
-                          const next = updatedSessions.find((s) => s && s.sessionId)
-                          if (next) {
-                            await setSessionIdSafe(next.sessionId)
-                          } else {
+                <div role="listitem" key={session.sessionId}>
+                  <button
+                    type="button"
+                    aria-pressed={sessionId === session.sessionId}
+                    aria-current={sessionId === session.sessionId ? 'true' : undefined}
+                    className={`normal-button chat-list-item ${
+                      sessionId === session.sessionId ? 'active' : ''
+                    }`}
+                    onClick={() => {
+                      setSessionIdSafe(session.sessionId)
+                    }}
+                  >
+                    {session.sessionName}
+                    <span className="gpt-util-group">
+                      <DeleteButton
+                        size={14}
+                        text={t('Delete Conversation')}
+                        onConfirm={async () => {
+                          const deletedId = session.sessionId
+                          const updatedSessions = await deleteSession(deletedId)
+                          setSessions(updatedSessions)
+                          if (!updatedSessions || updatedSessions.length === 0) {
                             setSessionId(null)
                             setCurrentSession(null)
+                            return
                           }
-                        }
-                      }}
-                    />
-                  </span>
-                </button>
+                          // Only change active session if the deleted one was active
+                          if (sessionId === deletedId) {
+                            const next = updatedSessions.find((s) => s && s.sessionId)
+                            if (next) {
+                              await setSessionIdSafe(next.sessionId)
+                            } else {
+                              setSessionId(null)
+                              setCurrentSession(null)
+                            }
+                          }
+                        }}
+                      />
+                    </span>
+                  </button>
+                </div>
               ))}
           </div>
           <hr />