React teams tabs graph

[NicolasKheirallah]

• New sample
• Bug fix/update
• Related issues: fixes #X, partially #Y, mentioned in #Z

What's in this Pull Request?

Please describe the changes in this PR. Sample description or details around bugs which are being fixed.
A new sample based on another sample: react-teams-tabs-pnpjs, code was refactored and rewritten to Graph API, more modern code, error handling and added functionality.
Created sample seperatly as original one is written with PnPJS for those who want to use that (I will update that project to!)

written for:

• SPFX 1.20
• React 17
• FluentUI

Node Version

Node version used: V18.18.2

Checklist

• My pull request affects only ONE sample.
• My sample builds without any warnings
• I have updated the README.md file's Version history. For new samples, created a new README.md file matching this template
• My README.md has at least one static high-resolution screenshot (i.e. not a GIF) located in the assets folder.
• My README.md contains complete setup instructions, including pre-requisites and permissions required
• [] My solution includes a .nvmrc file indicating the version of Node.js

[github-actions]

Validation failed!

File: samples/react-teams-tabs-graph/assets/sample.json

• Invalid value '' for author's 'pictureUrl' property: Invalid URI: The URI is empty.
• Invalid url for thumbnail Added web part tutorials. #1 property: The provided URL is not responding correctly!
• Invalid url for thumbnail Updated and made instructions more clear #2 property: The provided URL is not responding correctly!

[github-actions]

Validation failed!

File: samples/react-teams-tabs-graph/assets/sample.json

• Invalid value '' for author's 'pictureUrl' property: Invalid URI: The URI is empty.
• Invalid url for thumbnail Added web part tutorials. #1 property: The provided URL is not responding correctly!
• Invalid url for thumbnail Updated and made instructions more clear #2 property: The provided URL is not responding correctly!

[github-actions]

Validation failed!

File: samples/react-teams-tabs-graph/assets/sample.json

• Invalid value '' for author's 'pictureUrl' property: Invalid URI: The URI is empty.
• Invalid url for thumbnail Added web part tutorials. #1 property: The provided URL is not responding correctly!
• Invalid url for thumbnail Updated and made instructions more clear #2 property: The provided URL is not responding correctly!

[hugoabernier]

Thanks @NicolasKheirallah for your update! Highly appreciated!.

Thank you for sharing your sample with others - you rock! 👏🥇👩‍💻