fix: enhance session card in schedule page

[sachinchauhan2889]

Fixes #5787
Fixes #5797

Short description of what this resolves:

screenshots

Checklist

• I have read the Contribution & Best practices Guide.
• My branch is up-to-date with the Upstream development branch.
• The acceptance, integration, unit tests and linter pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/eventyay/open-event-frontend/bpttboyrj
✅ Preview: https://open-event-frontend-git-enhance-session-card.eventyay.vercel.app

[iamareebjamal]

Right indent has not changed

And even if line breaks, it should not cross below the icon

[iamareebjamal]

https://open-event-frontend-git-enhance-session-card.eventyay.now.sh/e/8fa7fd14/schedule

[iamareebjamal]

If we move the speaker position below speaker name, it will look better and break line less often

[iamareebjamal]

Make it smaller and less highlighted than the name

[sachinchauhan2889]

[codecov]

Codecov Report

Merging #5809 (22bd4d2) into development (7995611) will not change coverage.
The diff coverage is n/a.

@@             Coverage Diff              @@
##           development    #5809   +/-   ##
============================================
  Coverage        23.37%   23.37%           
============================================
  Files              511      511           
  Lines             5472     5472           
  Branches            65       65           
============================================
  Hits              1279     1279           
  Misses            4176     4176           
  Partials            17       17           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7995611...22bd4d2. Read the comment docs.

[iamareebjamal]

Change the opacity of speaker designation (below the name) to 0.8 and font size to .9rem

Also, since names are not grouped now, remove the paranthesis

[iamareebjamal]

Also add ml-2 to speaker name and designation div

[iamareebjamal]

For this, create a max-width style so that designation wraps to next line and images align vertically

[divyamtayal]

Does not work on small screens (eg iPad (pro/mini) and others)

Is not properly aligned

[mariobehling]

The comma issue has been solved in another PR now. Please resolve conflicts.

[iamareebjamal]

@sachinchauhan2889 @daretobedifferent18 We want this to be part of 1.19.0 release, which is blocked due to this, so, tomorrow, please work together to iron out the few layout issues as soon as possible so we can release 1.19.0

Thanks

[sachinchauhan2889]

@iamareebjamal sir, please review

[iamareebjamal]

Why wrap in this?

[sachinchauhan2889]

when title is long it break into another line and there is a break down in button text also.

to avoid this i wrap this button and put style="white-space: nowrap;" so that there is no line break in button text when title is long.

[iamareebjamal]

Why wrap in this?

[mariobehling]

Merging branch to see if that fixes it.

[mariobehling]

Button is there after branch merge. Thank you