Use font awesome remote nav arrows

Author: coder13

src/components/NotifyCompRemoteBar/NotifyCompRemoteBar.tsx

@@ -80,7 +80,7 @@ export function NotifyCompRemoteBar({ competitionId }: NotifyCompRemoteBarProps)
               disabled={remote.isSaving || !remote.previousGroup}
               aria-label="Go back to previous remote activity"
               onClick={() => runSwitch('previous')}>
-              ⏮
+              <span className="fa fa-arrow-left" aria-hidden="true" />
             </button>
 
             <button
@@ -102,7 +102,7 @@ export function NotifyCompRemoteBar({ competitionId }: NotifyCompRemoteBarProps)
               disabled={remote.isSaving || !remote.nextGroup}
               aria-label="Go to next remote activity"
               onClick={() => runSwitch('next')}>
-              &#9197;
+              <span className="fa fa-arrow-right" aria-hidden="true" />
             </button>
           </div>