feat(ui): update query presets ux (#13095)

Surfaces query preset controls more prominently. Query presets are
central to the function of the list view, if enabled, but the UI is
easily overlooked. This also sets the stage for future enhancements,
such as pinned presets, etc.

Also improves the usability of the search field by extending the hitbox
of the input fully to the boundaries of the container.

Before:


https://github.com/user-attachments/assets/3203561c-68cc-43f4-8ded-c51b7c8e8f0c

After:


https://github.com/user-attachments/assets/13dce7c9-67d8-471f-a85c-2795938b3e3e

---

- To see the specific tasks where the Asana app for GitHub is being
used, see below:
  - https://app.asana.com/0/0/1210743577153864

---------

Co-authored-by: Dan Ribbens <[email protected]>

Author: jacobsfletch

packages/translations/src/clientKeys.ts

@@ -217,6 +217,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:deleted',
   'general:deletedAt',
   'general:deletePermanently',
+  'general:deleteLabel',
   'general:deletedSuccessfully',
   'general:deletedCountSuccessfully',
   'general:deleting',
@@ -274,6 +275,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'general:movingCount',
   'general:name',
   'general:next',
+  'general:newLabel',
   'general:noDateSelected',
   'general:noFiltersSet',
   'general:noLabel',

packages/translations/src/languages/ar.ts

@@ -276,6 +276,7 @@ export const arTranslations: DefaultTranslationsObject = {
     deletedAt: 'تم الحذف في',
     deletedCountSuccessfully: 'تمّ حذف {{count}} {{label}} بنجاح.',
     deletedSuccessfully: 'تمّ الحذف بنجاح.',
+    deleteLabel: 'احذف {{label}}',
     deletePermanently: 'تجاوز السلة واحذف بشكل دائم',
     deleting: 'يتمّ الحذف...',
     depth: 'عمق',
@@ -335,6 +336,7 @@ export const arTranslations: DefaultTranslationsObject = {
     moveUp: 'التّحريك إلى الأعلى',
     moving: 'التحرك',
     movingCount: 'نقل {{count}} {{label}}',
+    newLabel: 'جديد {{label}}',
     newPassword: 'كلمة مرور جديدة',
     next: 'التالي',
     no: 'لا',

packages/translations/src/languages/az.ts

@@ -288,6 +288,7 @@ export const azTranslations: DefaultTranslationsObject = {
     deletedAt: 'Silinib Tarixi',
     deletedCountSuccessfully: '{{count}} {{label}} uğurla silindi.',
     deletedSuccessfully: 'Uğurla silindi.',
+    deleteLabel: '{{label}} silin',
     deletePermanently: 'Çöplüyü atlayın və daimi olaraq silin',
     deleting: 'Silinir...',
     depth: 'Dərinlik',
@@ -348,6 +349,7 @@ export const azTranslations: DefaultTranslationsObject = {
     moveUp: 'Yuxarı hərəkət et',
     moving: 'Hərəkət edir',
     movingCount: '{{count}} {{label}} köçürülür',
+    newLabel: 'Yeni {{label}}',
     newPassword: 'Yeni şifrə',
     next: 'Növbəti',
     no: 'Xeyr',

packages/translations/src/languages/bg.ts

@@ -285,6 +285,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     deletedAt: 'Изтрито на',
     deletedCountSuccessfully: 'Изтрити {{count}} {{label}} успешно.',
     deletedSuccessfully: 'Изтрито успешно.',
+    deleteLabel: 'Изтрий {{label}}',
     deletePermanently: 'Пропуснете кошчето и изтрийте перманентно',
     deleting: 'Изтриване...',
     depth: 'Дълбочина',
@@ -345,6 +346,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     moveUp: 'Нагоре',
     moving: 'Преместване',
     movingCount: 'Преместване на {{count}} {{label}}',
+    newLabel: 'Нов {{label}}',
     newPassword: 'Нова парола',
     next: 'Следващ',
     no: 'Не',

packages/translations/src/languages/bnBd.ts

@@ -290,6 +290,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     deletedAt: 'মুছে ফেলার সময়',
     deletedCountSuccessfully: '{{count}} {{label}} সফলভাবে মুছে ফেলা হয়েছে।',
     deletedSuccessfully: 'সফলভাবে মুছে ফেলা হয়েছে।',
+    deleteLabel: '{{label}} মুছে ফেলুন',
     deletePermanently: 'ট্র্যাশ এড়িয়ে স্থায়ীভাবে মুছুন',
     deleting: 'মুছে ফেলা হচ্ছে...',
     depth: 'গভীরতা',
@@ -350,6 +351,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     moveUp: 'উপরে সরান',
     moving: 'স্থানান্তর করা হচ্ছে',
     movingCount: '{{count}} {{label}} স্থানান্তর করা হচ্ছে',
+    newLabel: 'নতুন {{label}}',
     newPassword: 'নতুন পাসওয়ার্ড',
     next: 'পরবর্তী',
     no: 'না',

packages/translations/src/languages/bnIn.ts

@@ -289,6 +289,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
     deletedAt: 'মুছে ফেলার সময়',
     deletedCountSuccessfully: '{{count}} {{label}} সফলভাবে মুছে ফেলা হয়েছে।',
     deletedSuccessfully: 'সফলভাবে মুছে ফেলা হয়েছে।',
+    deleteLabel: '{{label}} মুছে ফেলুন',
     deletePermanently: 'ট্র্যাশ এড়িয়ে চিরতরে মুছে ফেলুন',
     deleting: 'মুছে ফেলা হচ্ছে...',
     depth: 'গভীরতা',
@@ -349,6 +350,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
     moveUp: 'উপরে সরান',
     moving: 'স্থানান্তর করা হচ্ছে',
     movingCount: '{{count}} {{label}} স্থানান্তর করা হচ্ছে',
+    newLabel: 'নতুন {{label}}',
     newPassword: 'নতুন পাসওয়ার্ড',
     next: 'পরবর্তী',
     no: 'না',

packages/translations/src/languages/ca.ts

@@ -287,6 +287,7 @@ export const caTranslations: DefaultTranslationsObject = {
     deletedAt: 'Eliminat en',
     deletedCountSuccessfully: 'Eliminat {{count}} {{label}} correctament.',
     deletedSuccessfully: 'Eliminat correntament.',
+    deleteLabel: 'Esborra {{label}}',
     deletePermanently: 'Omet la paperera i elimina permanentment',
     deleting: 'Eliminant...',
     depth: 'Profunditat',
@@ -347,6 +348,7 @@ export const caTranslations: DefaultTranslationsObject = {
     moveUp: 'Move amunt',
     moving: 'En moviment',
     movingCount: 'Moure {{count}} {{label}}',
+    newLabel: 'Nou {{label}}',
     newPassword: 'Nova contrasenya',
     next: 'Seguent',
     no: 'No',

packages/translations/src/languages/cs.ts

@@ -284,6 +284,7 @@ export const csTranslations: DefaultTranslationsObject = {
     deletedAt: 'Smazáno dne',
     deletedCountSuccessfully: 'Úspěšně smazáno {{count}} {{label}}.',
     deletedSuccessfully: 'Úspěšně odstraněno.',
+    deleteLabel: 'Smazat {{label}}',
     deletePermanently: 'Preskočit koš a smazat trvale',
     deleting: 'Odstraňování...',
     depth: 'Hloubka',
@@ -344,6 +345,7 @@ export const csTranslations: DefaultTranslationsObject = {
     moveUp: 'Posunout nahoru',
     moving: 'Přesun',
     movingCount: 'Přesunout {{count}} {{label}}',
+    newLabel: 'Nový {{label}}',
     newPassword: 'Nové heslo',
     next: 'Další',
     no: 'Ne',

packages/translations/src/languages/da.ts

@@ -284,6 +284,7 @@ export const daTranslations: DefaultTranslationsObject = {
     deletedAt: 'Slettet Ved',
     deletedCountSuccessfully: 'Slettet {{count}} {{label}}.',
     deletedSuccessfully: 'Slettet.',
+    deleteLabel: 'Slet {{label}}',
     deletePermanently: 'Spring affald over og slet permanent',
     deleting: 'Sletter...',
     depth: 'Dybde',
@@ -344,6 +345,7 @@ export const daTranslations: DefaultTranslationsObject = {
     moveUp: 'Ryk op',
     moving: 'Flytter',
     movingCount: 'Flytter {{count}} {{label}}',
+    newLabel: 'Ny {{label}}',
     newPassword: 'Ny adgangskode',
     next: 'Næste',
     no: 'Nej',

packages/translations/src/languages/de.ts

@@ -295,6 +295,7 @@ export const deTranslations: DefaultTranslationsObject = {
     deletedAt: 'Gelöscht am',
     deletedCountSuccessfully: '{{count}} {{label}} erfolgreich gelöscht.',
     deletedSuccessfully: 'Erfolgreich gelöscht.',
+    deleteLabel: '{{label}} löschen',
     deletePermanently: 'Überspringen Sie den Papierkorb und löschen Sie dauerhaft.',
     deleting: 'Löschen...',
     depth: 'Tiefe',
@@ -355,6 +356,7 @@ export const deTranslations: DefaultTranslationsObject = {
     moveUp: 'Nach oben bewegen',
     moving: 'Umziehen',
     movingCount: 'Verschieben {{count}} {{label}}',
+    newLabel: 'Neu {{label}}',
     newPassword: 'Neues Passwort',
     next: 'Nächste',
     no: 'Nein',