Edit Knative domain after it has been deployed

What does this MR do?

This MR adds the ability to edit Knative domain after it has been deployed.

What are the relevant issue numbers?

Closes #56937 (closed)

Successful update

Update failure

To simulate an "Update failure", the following commands can be executed:

Open rails console: bundle exec rails console

In rails console execute the following:

1. cluster = Clusters::Cluster.find <id> Note: <id> can be found in the browser url when navigating to the cluster
2. knative = cluster.application_knative
3. knative.update!(status: 6)

The runner on the specified cluster should now be in the update_errored state, and should display the Retry upgrade button

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Tests added for this feature/bug
• Tested in all supported browsers
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides

app/assets/javascripts/clusters/components/applications.vue

@@ -478,7 +478,7 @@ export default {
 
           <div class="row">
             <template v-if="knativeInstalled">
-              <div class="form-group col-9 mb-0">
+              <div class="form-group col-md-8 col-lg-9 mb-0">
                 <label for="knative-domainname">
                   <strong>
                     {{ s__('ClusterIntegration|Knative Domain Name:') }}
@@ -494,7 +494,7 @@ export default {
               </div>
             </template>
             <template v-else-if="helmInstalled && rbac">
-              <div class="form-group">
+              <div class="form-group col-12">
                 <label for="knative-domainname">
                   <strong>
                     {{ s__('ClusterIntegration|Knative Domain Name:') }}
@@ -509,7 +509,7 @@ export default {
               </div>
             </template>
             <template v-if="knativeInstalled">
-              <div class="form-group col-3 pl-0 mb-0">
+              <div class="form-group col-md-4 col-lg-3 pl-md-0 mb-0 mt-sm-3 mt-md-0">
                 <label for="knative-ip-address">
                   <strong>
                     {{ s__('ClusterIntegration|Knative IP Address:') }}
@@ -534,7 +534,7 @@ export default {
                 <input v-else type="text" class="form-control js-ip-address" readonly value="?" />
               </div>
 
-              <p v-if="!knativeExternalIp" class="settings-message js-no-ip-message">
+              <p v-if="!knativeExternalIp" class="settings-message js-no-ip-message m-3">
                 {{
                   s__(`ClusterIntegration|The IP address is in
               the process of being assigned. Please check your Kubernetes