feat: Create a pricing page with info

[maze-runnar]

Fixes #4741

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/8bzu36o3x
✅ Preview: https://open-event-frontend-git-fork-maze-runnar-patch-8.eventyay.vercel.app

[maze-runnar]

[mariobehling]

This design is a bit far from the design of the rest of the frontend. Could you make something more similar to the rest of the site, please?

As we only have 1 tier for now maybe also look at other pricing page examples on the Internet, e.g. Hetzner https://www.hetzner.com/webhosting

[maze-runnar]

@mariobehling I think this UI is similar to rest of website. Should I continue with this UI?

[codecov]

Codecov Report

Merging #4919 into development will decrease coverage by 0.29%.
The diff coverage is n/a.

@@               Coverage Diff               @@
##           development    #4919      +/-   ##
===============================================
- Coverage        23.16%   22.86%   -0.30%     
===============================================
  Files              481      484       +3     
  Lines             5098     5129      +31     
  Branches            18       18              
===============================================
- Hits              1181     1173       -8     
- Misses            3913     3952      +39     
  Partials             4        4              

Impacted Files	Coverage Δ
app/router.js	100.00% <ø> (ø)
app/components/widgets/forms/link-input.js	32.00% <0.00%> (-15.37%)	⬇️
app/utils/computed-helpers.js	21.95% <0.00%> (-8.05%)	⬇️
app/components/forms/wizard/basic-details-step.js	18.57% <0.00%> (-5.82%)	⬇️
app/mixins/event-wizard.js	1.13% <0.00%> (ø)
app/helpers/ui-grid-number.js	34.78% <0.00%> (ø)
app/controllers/public/session/view.js	0.00% <0.00%> (ø)
app/controllers/events/view/edit/other-details.js	0.00% <0.00%> (ø)
app/components/forms/wizard/other-details-step.js	0.00% <0.00%> (ø)
... and 1 more

---

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 9663982...a86d18e. Read the comment docs.

[iamareebjamal]

• Please make it a single table (Features, Availability)
• Add actual data in it
• Still different from website design. Look at how cards are present in Event Dashboard

[maze-runnar]

[maze-runnar]

@iamareebjamal please review.

[iamareebjamal]

Looks good to me. Please remove double border

[mariobehling]

Thanks. Looks good to me.

Please use a full page screenshot tool to make it easier for everyone when viewing examples.

Check out for example https://chrome.google.com/webstore/search/screenshot

[maze-runnar]

[iamareebjamal]

Please use a container like done previously so the content doesn't span the entire page width

[maze-runnar]

Please use a container like done previously so the content doesn't span the entire page width

it will add border like before after using grid.

[iamareebjamal]

Add a class which removes the border. Besides, there must be a class in semantic UI which just contains the items. Try ui.container

[maze-runnar]