Add separate required tag for parameters in form

#94

src/components/parameter-schema/ParameterSchemaFormComponent.vue

@@ -232,7 +232,7 @@ function scroll(selectedAnchor: string) {
 // =============================================================================
 onMounted(() => {
   if (props.schema) updateSchema(props.schema);
-  if (props.clowmInfo) Tooltip.getOrCreateInstance("#exampleDataButton");
+  if (props.clowmInfo?.exampleParameters) Tooltip.getOrCreateInstance("#exampleDataButton");
   bucketRepository.fetchBuckets();
   bucketRepository.fetchOwnPermissions();
   keyRepository.fetchS3Keys();

src/components/parameter-schema/form-mode/ParameterGroupForm.vue

@@ -106,19 +106,12 @@ watch(
           "
         >
           <code
-            class="p-2 rounded-top border-bottom-0 border bg-secondary-subtle"
-            :class="{
-              'border-warning': parameterRequired(
-                parameterGroup,
-                parameterName,
-              ),
-              'border-secondary': !parameterRequired(
-                parameterGroup,
-                parameterName,
-              ),
-              'border-2': parameterRequired(parameterGroup, parameterName),
-            }"
+            class="p-2 rounded-top border-bottom-0 border bg-secondary-subtle border-secondary"
             >--{{ parameter["name"] ?? parameterName }}</code
+          ><span
+            v-if="parameterRequired(parameterGroup, parameterName)"
+            class="rounded p-1 bg-warning text-light ms-2"
+            >required</span
           >
           <div class="input-group">
             <span