chore(ui): start product tour by clicking on first car on welcome page

[MilosPaunovic]

Closes #6933.

[Piyush-r-bhaskar]

Hi @MilosPaunovic

Sorry I could be wrong here on requirement.
But WDYT if it could be implemented for only first card. This merge is opening tour on all card.

we may use like in ui\src\components\onboarding\OnboardingBottom.vue

        <onboarding-card
            v-for="card in cards"
            :key="card.title"
            :title="card.title"
            :content="card.content"
            :category="card.category"
            :link="card.link"
            @click="card.category === 'tour' ? startTour() : null"
        />
        
        methods: {
            startTour() {
                localStorage.setItem("tourDoneOrSkip", undefined);
                this.$store.commit("core/setGuidedProperties", {tourStarted: false});
                this.$tours["guidedTour"]?.start();
            },
        }

To get this result.

tour.mp4

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[MilosPaunovic]

You were absolutely right @Piyush-r-bhaskar, big thanks for the heads up! Merged your proposed changes! 🚀