fix: Status component using wrong field key

refactor: Add cursor pointer to more icons, add edit class to playlist pencil

Author: colin969

src/renderer/components/GameComponents.tsx

@@ -130,7 +130,7 @@ export function GameComponentPlayMode(props: GameComponentProps) {
 
 export function GameComponentStatus(props: GameComponentProps) {
   const { viewId, editable, suggestions, updateGame, doSearch } = props;
-  const status = window.ext.hooks.useAppSelector(selectGameField(viewId, 'playMode'));
+  const status = window.ext.hooks.useAppSelector(selectGameField(viewId, 'status'));
   const lang = useContext(LangContext);
 
   return (
@@ -345,7 +345,7 @@ export function GameComponentPlaylistNotes(props: GameComponentProps) {
         <p className='browse-right-sidebar__row-header-text'>{props.header}: </p>
         {!upperEditable && (
           <>
-            <div onClick={() => setEditableOverride(!editableOverride)}>
+            <div className='browse-right-sidebar__title-row__buttons__edit-button' onClick={() => setEditableOverride(!editableOverride)}>
               <OpenIcon icon={editable ? 'check' : 'pencil'}/>
             </div>
           </>

static/window/styles/core.css

@@ -1719,6 +1719,12 @@ body {
   font-weight: bold;
   font-size: 1.05em;
 }
+.browse-right-sidebar__title-row__buttons__edit-button {
+  cursor: pointer;
+}
+.browse-right-sidebar__title-row__buttons__remove-from-playlist {
+  cursor: pointer;
+}
 .browse-right-sidebar--edit-enabled {
   user-select: none; /* Can not select text while editing is enabled */
 }
@@ -3764,6 +3770,7 @@ body {
 }
 
 .menu-item {
+  cursor: pointer;
   display: flex;
   align-items: center;
   height: calc(1px * var(--height));