feat: add cursor pointer to interactive elements (#927)

Author: setchy

src/components/NotificationRow.tsx

@@ -80,7 +80,7 @@ export const NotificationRow: React.FC<IProps> = ({
       </div>
 
       <div
-        className="flex-1 overflow-hidden"
+        className="flex-1 overflow-hidden cursor-pointer"
         onClick={() => pressTitle()}
         role="main"
       >

src/components/Repository.tsx

@@ -47,7 +47,9 @@ export const RepositoryNotifications: React.FC<IProps> = ({
           ) : (
             <MarkGithubIcon size={18} />
           )}
-          <span onClick={openBrowser}>{repoName}</span>
+          <span className="cursor-pointer" onClick={openBrowser}>
+            {repoName}
+          </span>
         </div>
 
         <div className="flex justify-center items-center gap-2 opacity-0 group-hover:opacity-80 transition-opacity">

src/components/__snapshots__/NotificationRow.test.tsx.snap

@@ -35,7 +35,7 @@ exports[`components/NotificationRow.tsx should render itself & its children 1`]
     </svg>
   </div>
   <div
-    className="flex-1 overflow-hidden"
+    className="flex-1 overflow-hidden cursor-pointer"
     onClick={[Function]}
     role="main"
   >

src/components/__snapshots__/Repository.test.tsx.snap

@@ -13,6 +13,7 @@ exports[`components/Repository.tsx should render itself & its children 1`] = `
         src="https://avatars0.githubusercontent.com/u/6333409?v=3"
       />
       <span
+        className="cursor-pointer"
         onClick={[Function]}
       >
         manosim/gitify
@@ -123,6 +124,7 @@ exports[`components/Repository.tsx should use default repository icon when avata
         />
       </svg>
       <span
+        className="cursor-pointer"
         onClick={[Function]}
       >
         manosim/gitify