Swap seek/skip button order

src/components/player/PlayerBar.tsx

@@ -470,38 +470,38 @@ const PlayerBar = () => {
                   }}
                 />
               </CustomTooltip>
-              {/* Seek Backward Button */}
+              {/* Previous Song Button */}
-              <CustomTooltip text={t('Seek backward')}>
+              <CustomTooltip text={t('Previous Track')}>
                 <PlayerControlIcon
-                  aria-label={t('Seek backward')}
+                  aria-label={t('Previous Track')}
                   role="button"
                   tabIndex={0}
-                  icon="backward"
+                  icon="step-backward"
                   size="lg"
                   fixedWidth
                   disabled={playQueue.entry.length === 0}
-                  onClick={handleSeekBackward}
+                  onClick={handlePrevTrack}
                   onKeyDown={(e: any) => {
                     if (e.key === ' ' || e.key === 'Enter') {
-                      handleSeekBackward();
+                      handlePrevTrack();
                     }
                   }}
                 />
               </CustomTooltip>
-              {/* Previous Song Button */}
+              {/* Seek Backward Button */}
-              <CustomTooltip text={t('Previous Track')}>
+              <CustomTooltip text={t('Seek backward')}>
                 <PlayerControlIcon
-                  aria-label={t('Previous Track')}
+                  aria-label={t('Seek backward')}
                   role="button"
                   tabIndex={0}
-                  icon="step-backward"
+                  icon="backward"
                   size="lg"
                   fixedWidth
                   disabled={playQueue.entry.length === 0}
-                  onClick={handlePrevTrack}
+                  onClick={handleSeekBackward}
                   onKeyDown={(e: any) => {
                     if (e.key === ' ' || e.key === 'Enter') {
-                      handlePrevTrack();
+                      handleSeekBackward();
                     }
                   }}
                 />
@@ -524,38 +524,39 @@ const PlayerBar = () => {
                   }}
                 />
               </CustomTooltip>
-              {/* Next Song Button */}
+
-              <CustomTooltip text={t('Next Track')}>
+              {/* Seek Forward Button */}
+              <CustomTooltip text={t('Seek forward')}>
                 <PlayerControlIcon
-                  aria-label={t('Next Track')}
+                  aria-label={t('Seek forward')}
                   role="button"
                   tabIndex={0}
-                  icon="step-forward"
+                  icon="forward"
                   size="lg"
                   fixedWidth
                   disabled={playQueue.entry.length === 0}
-                  onClick={handleNextTrack}
+                  onClick={handleSeekForward}
                   onKeyDown={(e: any) => {
                     if (e.key === ' ' || e.key === 'Enter') {
-                      handleNextTrack();
+                      handleSeekForward();
                     }
                   }}
                 />
               </CustomTooltip>
-              {/* Seek Forward Button */}
+              {/* Next Song Button */}
-              <CustomTooltip text={t('Seek forward')}>
+              <CustomTooltip text={t('Next Track')}>
                 <PlayerControlIcon
-                  aria-label={t('Seek forward')}
+                  aria-label={t('Next Track')}
                   role="button"
                   tabIndex={0}
-                  icon="forward"
+                  icon="step-forward"
                   size="lg"
                   fixedWidth
                   disabled={playQueue.entry.length === 0}
-                  onClick={handleSeekForward}
+                  onClick={handleNextTrack}
                   onKeyDown={(e: any) => {
                     if (e.key === ' ' || e.key === 'Enter') {
-                      handleSeekForward();
+                      handleNextTrack();
                     }
                   }}
                 />