PLT-2553 Updated backstage page navigation (#2661)

* Updated integrations list based on feedback

* Reorganized Integrations pages

* Repurposed AddIntegration page as a landing page for Integrations

* Moved backstage breadcrumb header into its own component

* Removed unnecessary prop

* Fixed Save links on AddIntegration pages

1 files changed, 20 insertions, 24 deletions

diff --git a/webapp/i18n/en.json b/webapp/i18n/en.json
index 12671284a..fd8f44c36 100644
--- a/webapp/i18n/en.json
+++ b/webapp/i18n/en.json
@@ -37,7 +37,7 @@
   "add_command.autocompleteHint.placeholder": "Example: [Patient Name]",
   "add_command.description": "Description",
   "add_command.displayName": "Display Name",
-  "add_command.header": "Add Slash Command",
+  "add_command.header": "Add",
   "add_command.iconUrl": "Response Icon",
   "add_command.iconUrl.help": "Choose a profile picture override for the post responses to this slash command. Enter the URL of a .png or .jpg file at least 128 pixels by 128 pixels.",
   "add_command.iconUrl.placeholder": "https://www.example.com/myicon.png",
@@ -61,22 +61,15 @@
   "add_incoming_webhook.channel": "Channel",
   "add_incoming_webhook.channelRequired": "A valid channel is required",
   "add_incoming_webhook.description": "Description",
-  "add_incoming_webhook.header": "Add Incoming Webhook",
+  "add_incoming_webhook.header": "Add",
   "add_incoming_webhook.name": "Name",
   "add_incoming_webhook.save": "Save",
-  "add_integration.command.description": "Create slash commands to send events to external integrations and receive a response.",
-  "add_integration.command.title": "Slash Command",
-  "add_integration.header": "Add Integration",
-  "add_integration.incomingWebhook.description": "Create webhook URLs for use in external integrations.",
-  "add_integration.incomingWebhook.title": "Incoming Webhook",
-  "add_integration.outgoingWebhook.description": "Create webhooks to send new message events to an external integration.",
-  "add_integration.outgoingWebhook.title": "Outgoing Webhook",
   "add_outgoing_webhook.callbackUrls": "Callback URLs (One Per Line)",
   "add_outgoing_webhook.callbackUrlsRequired": "One or more callback URLs are required",
   "add_outgoing_webhook.cancel": "Cancel",
   "add_outgoing_webhook.channel": "Channel",
   "add_outgoing_webhook.description": "Description",
-  "add_outgoing_webhook.header": "Add Outgoing Webhook",
+  "add_outgoing_webhook.header": "Add",
   "add_outgoing_webhook.name": "Name",
   "add_outgoing_webhook.save": "Save",
   "add_outgoing_webhook.triggerWOrds": "Trigger Words (One Per Line)",
@@ -624,11 +617,9 @@
   "authorize.title": "An application would like to connect to your {teamName} account",
   "backstage_navbar.backToMattermost": "Back to {siteName}",
   "backstage_sidebar.integrations": "Integrations",
-  "backstage_sidebar.integrations.add": "Add Integration",
-  "backstage_sidebar.integrations.add.command": "Slash Command",
-  "backstage_sidebar.integrations.add.incomingWebhook": "Incoming Webhook",
-  "backstage_sidebar.integrations.add.outgoingWebhook": "Outgoing Webhook",
-  "backstage_sidebar.integrations.installed": "Installed Integrations",
+  "backstage_sidebar.integrations.incoming_webhooks": "Incoming Webhooks",
+  "backstage_sidebar.integrations.outgoing_webhooks": "Outgoing Webhooks",
+  "backstage_sidebar.integrations.commands": "Commands",
   "center_panel.recent": "Click here to jump to recent messages. ",
   "chanel_header.addMembers": "Add Members",
   "change_url.close": "Close",
@@ -850,19 +841,24 @@
   "get_team_invite_link_modal.help": "Send teammates the link below for them to sign-up to this team site. The Team Invite Link can be shared with multiple teammates as it does not change unless it's regenerated in Team Settings by a Team Admin.",
   "get_team_invite_link_modal.helpDisabled": "User creation has been disabled for your team. Please ask your team administrator for details.",
   "get_team_invite_link_modal.title": "Team Invite Link",
-  "installed_integrations.add": "Add Integration",
-  "installed_integrations.allFilter": "All ({count})",
-  "installed_integrations.commandType": "(Slash Command)",
-  "installed_integrations.commandsFilter": "Slash Commands ({count})",
+  "installed_commands.add": "Add Slash Command",
+  "installed_commands.header": "Slash Commands",
+  "installed_incoming_webhooks.add": "Add Incoming Webhook",
+  "installed_incoming_webhooks.header": "Incoming Webhooks",
   "installed_integrations.creation": "Created by {creator} on {createAt, date, full}",
   "installed_integrations.delete": "Delete",
-  "installed_integrations.header": "Installed Integrations",
-  "installed_integrations.incomingWebhookType": "(Incoming Webhook)",
-  "installed_integrations.incomingWebhooksFilter": "Incoming Webhooks ({count})",
-  "installed_integrations.outgoingWebhookType": "(Outgoing Webhook)",
-  "installed_integrations.outgoingWebhooksFilter": "Outgoing Webhooks ({count})",
   "installed_integrations.regenToken": "Regen Token",
   "installed_integrations.search": "Search Integrations",
+  "installed_integrations.token": "Token: {token}",
+  "installed_outgoing_webhooks.add": "Add Outgoing Webhook",
+  "installed_outgoing_webhooks.header": "Outgoing Webhooks",
+  "integrations.command.description": "Slash commands send events to external integrations",
+  "integrations.command.title": "Slash Command",
+  "integrations.header": "Integrations",
+  "integrations.incomingWebhook.description": "Incoming webhooks allow external integrations to send messages",
+  "integrations.incomingWebhook.title": "Incoming Webhook",
+  "integrations.outgoingWebhook.description": "Outgoing webhooks allow external integrations to receive and respond to messages",
+  "integrations.outgoingWebhook.title": "Outgoing Webhook",
   "intro_messages.DM": "This is the start of your direct message history with {teammate}.<br />Direct messages and files shared here are not shown to people outside this area.",
   "intro_messages.anyMember": " Any member can join and read this channel.",
   "intro_messages.beginning": "Beginning of {name}",