replace select with Select to have consistent style

dashboard/src/views/OpenIdView.vue

@@ -5,7 +5,7 @@ const i18n = useI18n();
 const t = i18n.t;
 
 import { ref, onMounted, useTemplateRef, computed } from 'vue';
-import { Button, ClipboardButton, Menu, Dialog, TableView, FormGroup, TextInput, InputGroup, InputDialog } from '@cloudron/pankow';
+import { Button, ClipboardButton, SingleSelect, Menu, Dialog, TableView, FormGroup, TextInput, InputGroup, InputDialog } from '@cloudron/pankow';
 import Section from '../components/Section.vue';
 import DashboardModel from '../models/DashboardModel.js';
 import UserDirectoryModel from '../models/UserDirectoryModel.js';
@@ -54,6 +54,11 @@ const clientName = ref('');
 const clientLoginRedirectUri = ref('');
 const clientTokenSignatureAlgorithm = ref('RS256');
 
+const signatureAlgorithms = [
+  { name: 'RS256', value: 'RS256' },
+  { name: 'EdDSA', value: 'EdDSA' },
+];
+
 const isValid = computed(() => {
   if (!clientName.value) return false;
   if (!clientLoginRedirectUri.value) return false;
@@ -217,10 +222,7 @@ onMounted(async () => {
 
         <FormGroup>
           <label class="control-label">{{ $t('oidc.client.signingAlgorithm') }}</label>
-          <select v-model="clientTokenSignatureAlgorithm">
-            <option value="RS256">RS256</option>
-            <option value="EdDSA">EdDSA</option>
-          </select>
+          <SingleSelect v-model="clientTokenSignatureAlgorithm" :options="signatureAlgorithms" option-key="value" option-label="name" />
         </FormGroup>
       </form>
     </Dialog>