some updates to login & subscription

MusicPlayerV2-GUI/src/views/AppView.vue

@@ -86,9 +86,14 @@
                     userStore.setSubscriptionStatus( true );
                 } else {
                     userStore.setSubscriptionStatus( false );
+                    sessionStorage.setItem( 'getRedirectionReason', 'notOwned' );
                     router.push( '/get' );
                 }
             } );
+        } else if ( res.status === 404 ) {
+            userStore.setSubscriptionStatus( false );
+            router.push( '/get' );
+            sessionStorage.setItem( 'getRedirectionReason', 'notOwned' );
         } else {
             console.log( res.status );
         }

MusicPlayerV2-GUI/src/views/GetView.vue

@@ -3,9 +3,11 @@
         <div class="top-view">
             <img src="https://github.com/simplePCBuilding/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer Logo" class="logo">
             <h1>MusicPlayer</h1>
-            <p><i>An Open Source, browser-based MusicPlayer with beautiful graphics</i></p>
+            <p v-if="reasonForRedirectHere" style="color: red;">{{ reasons[ reasonForRedirectHere ] }}</p>
+            <p v-if="!reasonForRedirectHere"><i>An Open Source, browser-based MusicPlayer with beautiful graphics</i></p>
             <div style="margin-top: 20px;">
                 <a href="https://store.janishutz.com/product/com.janishutz.MusicPlayer" class="fancy-button" target="_blank">Subscribe</a>
+                <a href="/" class="fancy-button" style="margin-left: 10px;" v-if="!reasonForRedirectHere">Log in</a>
                 <a href="https://github.com/simplePCBuilding/MusicPlayerV2" class="fancy-button" style="margin-left: 10px;" target="_blank">GitHub</a>
             </div>
         </div>
@@ -28,6 +30,20 @@
     </div>
 </template>
 
+<script setup lang="ts">
+    import { ref, type Ref } from 'vue';
+
+    interface Reasons {
+        [key: string]: string;
+    }
+
+    const reasons: Ref<Reasons> = ref( {
+        'notOwned': 'Please subscribe to use MusicPlayer here, or download and install it manually from GitHub!',
+    } );
+    const reasonForRedirectHere = ref( sessionStorage.getItem( 'getRedirectionReason' ) );
+    sessionStorage.removeItem( 'getRedirectionReason' );
+</script>
+
 <style scoped>
     .logo {
         height: 60vh;