feat(organizations): add Organization Settings route TASK-981

[magicznyleszek]

📣 Summary

In Organization Settings route (#/account/organization/settings) display editable organization name, and website. Also display non-editable organization type.

📖 Description

Only some roles allow editing the fields, and there is some logic in regards to fields being visible.

👀 Preview steps

1. for one of the users (e.g. "joe"), use http://kf.kobo.local/admin/organizations/organization/ to enable "Multi-members override" (for "joe's organization")
2. enable feature flag mmosEnabled
3. navigate to #/account/organization/settings
4. 🟢 notice that at least "Team name"/"Organization name" field is being displayed and is editable(-ish)

• Editing the field doesn't do anything yet - this will be implemented in next PR

5. 🟢 if you have enabled Stripe - notice that "Team website"/"Organization website" field and "Team type"/"Organzation type" (non editable) fields are also being displayed

Next steps:

1. for another user (e.g. "zoe"), use http://kf.kobo.local/admin/organizations/organization/ to add "zoe" into "joe's organization"
2. logged in as "zoe", navigate to #/account/organization/settings
3. 🟢 notice that at least "Team name"/"Organization name" field is being displayed (non editable)
4. 🟢 if you have enabled Stripe - notice that "Team website"/"Organization website" field and "Team type"/"Organzation type" fields are also being displayed (both non editable)

[Akuukis]

LGTM, not tested, see 2 nitpicks inline.

[Akuukis]

more of a linter thing, but don't use let and mutation if possible. Here one way to rewrite it

Suggested change

	let deletionMessage = t('To delete this ##team/org##, please contact the server administrator.')
	.replaceAll('##team/org##', mmoLabelLowercase);
	if (isStripeEnabled) {
	deletionMessage = t("To delete this ##team/org##, you need to cancel your current ##plan name## plan. At the end of the plan period your ##team/org##'s projects will be converted to projects owned by your personal account.")
	.replaceAll('##team/org##', mmoLabelLowercase)
	.replace('##plan name##', subscriptions.planName);
	}
	const deletionMessage = isStripeEnabled
	? t("To delete this ##team/org##, you need to cancel your current ##plan name## plan. At the end of the plan period your ##team/org##'s projects will be converted to projects owned by your personal account.")
	.replaceAll('##team/org##', mmoLabelLowercase)
	.replace('##plan name##', subscriptions.planName)
	: t('To delete this ##team/org##, please contact the server administrator.')
	.replaceAll('##team/org##', mmoLabelLowercase);

or

  const deletionMessage = t(isStripeEnabled
    ? "To delete this ##team/org##, you need to cancel your current ##plan name## plan. At the end of the plan period your ##team/org##'s projects will be converted to projects owned by your personal account."
    : 'To delete this ##team/org##, please contact the server administrator.'
    )
      .replaceAll('##team/org##', mmoLabelLowercase)
      .replace('##plan name##', subscriptions.planName)

[pauloamorimbr]

LGTM!
Tested and now it works like a charm! 👏🏻