Use SaveButton macro and base-form vue component on app settings page

Use common translations for save button

templates/fragments/applications/edit_environment_team_form.html

@@ -81,7 +81,7 @@
           <div class='action-group'>
             {{
               SaveButton(
-                text=("portfolios.applications.update_button_text" | translate)
+                text=("common.save" | translate)
               )
             }}
           </div>

templates/fragments/applications/edit_environments.html

@@ -90,7 +90,7 @@
                     {{ TextInput(edit_form.name, validation='requiredField') }}
                     {{
                       SaveButton(
-                        text=("portfolios.applications.update_button_text" | translate)
+                        text=("common.save" | translate)
                       )
                     }}
                   </form>

templates/portfolios/applications/settings.html

@@ -5,6 +5,7 @@
 {% from "components/icon.html" import Icon %}
 {% from "components/modal.html" import Modal %}
 {% from "components/pagination.html" import Pagination %}
+{% from "components/save_button.html" import SaveButton %}
 {% from "components/text_input.html" import TextInput %}
 
 {% set secondary_breadcrumb = 'portfolios.applications.existing_application_title' | translate({ "application_name": application.name }) %}
@@ -14,6 +15,7 @@
   <div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div>
 
   {% if user_can(permissions.EDIT_APPLICATION) %}
+    <base-form inline-template>
       <form method="POST" action="{{ url_for('applications.update', application_id=application.id) }}">
         <div class="panel">
           <div class="panel__content">
@@ -43,11 +45,12 @@
           </div>
           <div class="panel__footer">
             <div class="action-group">
-            <button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
+              {{ SaveButton('common.save'|translate) }}
             </div>
           </div>
         </div>
       </form>
+    </base-form>
   {% else %}
     <div class="panel">
       <div class="panel__content">

translations.yaml

@@ -325,7 +325,6 @@ portfolios:
       title: '{application_name} Team Settings'
       add_to_environment: Add to existing environment
     team_text: Team
-    update_button_text: Save
     members:
       new:
         assign_roles: Assign Member Environments and Roles