Create mockup for session tab

[Claiyc]

Issue description

Describe your issue in detail here
Create a figma mockup for session tab and insert in according wiki places (mockups, use case diagram, ..)

• Create Mook-up (use the existing Figma Design File with the Components, Vuetify Components should be used so the styling is identical to the Code then)

If there are any Questions about Figma etc. ask @BeierKevin

• After the Mook-Up has been created, make a screenshot of it and add it to following Wiki Page (https://github.com/VisualGameData/VIGAD/wiki/Create-Session)

Figma Link: https://www.figma.com/file/QaJTlusCmQ3eXUKiIaoNqU/Vigad?node-id=1-1678&t=smaljQ5L9I2SDJJT-0

Definition Of Ready (DoR)

This issue can be worked on if

• a developer is assigned
• the issue is labeled
• the issue is assigned to the current sprint
• the issue is estimated
• a meaningful title has been set
• the issue is described in detail

[Claiyc]

Since @2000eBe will probably work on that, we will include some onboarding / assistance in this task.

[Claiyc]

https://www.figma.com/file/QaJTlusCmQ3eXUKiIaoNqU/Vigad?node-id=1-1678

[2000eBe]

Thoughts behind the first design idea

We can generate a key as a reference for an online platform to show our data collected by VIGAD. You're also able to generate a new one by reselecting the "Generate" Button. Your newly generated key will be displayed in the textfield next to it and there is a "Copy" button for faster interaction.

If you want to watch your captured data via the online platform, you're able to create a session and use the direct link provided below which will redirect you to your personal space.

Our General menu allows to deactivate or activate the stream options. You're able to customize what's going to be displayed on your personal online space.

Did I miss something? Please give some feedback so I can readjust the mockup.

---