Add translations for css2024, add fixes

TRANSLATION.md

@@ -71,7 +71,7 @@
 |All data collected will be released publicly. It will then become a resources both for developers, who consult it to inform their technological choices, and browser vendors, who use it to prioritize focus areas and inform their roadmaps.|Усі зібрані дані будуть оприлюднені. Вони будуть джерелом як для розробників, які звертаються до нього, щоб донести свій технологічний вибір, так і для постачальників браузерів, які використовують його для визначення пріоритетних напрямків розробки та формування своїх "дорожніх карт".|
 |The survey was designed with input from the community through an open feedback thread.|Опитування було розроблено з урахуванням думки спільноти через відкрите обговорення.|
 |The survey will run from {startDate} to {endDate}, and the survey results will be released shortly after that.|Опитування триватиме з {startDate} до {endDate}, і його результати будуть опубліковані незабаром після завершення.|
-|The survey's goals are to measure awareness and popularity of ...|Мета опитування — вимірювання впізнаваності та популярності серед ...|
+|The survey's goals are to measure awareness and popularity of ...|Мета опитування — вимірювання впізнаваності та популярності з-поміж ...|
 |You can learn more about this survey in our announcement post.|Ви можете дізнатися більше про це опитування у нашому анонсі.|
 
 ## Дискусійне/проблемне

common.yml

@@ -295,7 +295,7 @@ translations:
   - key: sections.other_tools.title
     t: Інші інструменти
   - key: sections.other_tools.description
-    t: Які серед цих інструментів і технологій ви регулярно використовуєте.
+    t: Які з-поміж цих інструментів і технологій ви регулярно використовуєте.
   - key: section.tools_others.title
     aliasFor: sections.other_tools.title
   - key: section.tools_others.description

js2023.yml

@@ -311,7 +311,7 @@ translations:
     t: Розробник-початківець вебу та Linux
   - key: picks.rexhent.description
     t: |
-      Nuxt зосереджений на DX та UX. Він стабільний і постійно вдосконалюється. Він має найкращі серед усіх фреймворків інструменти розробки і створив UnJS та інші інструменти, які забезпечують роботу нових фреймворків, як-от Nitro. Вони — один із стовпів FOSS-спільноти.
+      Nuxt зосереджений на DX та UX. Він стабільний і постійно вдосконалюється. Він має найкращі з-поміж усіх фреймворків інструменти розробки і створив UnJS та інші інструменти, які забезпечують роботу нових фреймворків, як-от Nitro. Вони — один із стовпів FOSS-спільноти.
 
   # https://medium.com/@devgustavovasquez/the-future-of-web-development-embracing-interoperable-runtimes-bd2006e9b9d7
   - key: picks.gustavo_vasquez.name
@@ -380,7 +380,7 @@ translations:
 
       ### Цілі опитування
 
-      Це опитування було створено для визначення майбутніх тенденцій в екосистемі веброзробки, щоб допомогти розробникам здійснити вибір серед наявних технологій.
+      Це опитування було створено для визначення майбутніх тенденцій в екосистемі веброзробки, щоб допомогти розробникам здійснити вибір з-поміж наявних технологій.
 
       Так опитування зосереджено більше на передбаченні того, що станеться протягом наступних кількох років, ніж на аналізі того, що популярно саме зараз, — ось чому деякі функції чи технології іноді можуть не згадуватися попри широке впровадження.
 
@@ -412,4 +412,4 @@ translations:
 
       ### Технічний огляд
 
-      Більш детальний технічний огляд того, як проводяться опитування, знаходиться [тут](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a).
+      Більш детальний технічний огляд того, як проводяться опитування, [тут](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a).

react2023.yml

@@ -105,7 +105,7 @@ translations:
     t: Досвід використання і ставлення до основних API
   - key: features.main_apis_pain_points.takeaway
     t: >
-      Серед найпоширеніших API React-у найбільше страждань розробникам завдали `forwardRef` і `memo`. На щастя, команда React наразі запускає кращі альтернативи обом.
+      З-поміж найпоширеніших API React-у найбільше страждань розробникам завдали `forwardRef` і `memo`. На щастя, команда React наразі запускає кращі альтернативи обом.
 
   - key: features.hooks_items
     t: Досвід використання і ставлення до хуків
@@ -129,15 +129,15 @@ translations:
     t: Досвід використання і ставлення до бібліотек
   - key: tools.all_tools_experience.takeaway
     t: >
-      Серед бібліотек і фреймворків React **Next.js** і **TanStack Query** на перших позиціях за позитивним ставленням загалом.
+      Що з-поміж цих бібліотек і фреймворків React **Next.js** і **TanStack Query** на перших позиціях за позитивним ставленням загалом.
 
       Зауважте, що деякі пункти, як-от `useState` і `fetch`, також були додані, щоб продемонструвати базовий рівень, хоч вони самі не є бібліотеками.
 
   - key: tools.scatterplot_overview
     t: Утримання та використання бібліотек
   - key: tools.scatterplot_overview.takeaway
     t: >
-      Серед бібліотек і фреймворків **Next.js** єдиний, що може похизуватися як високим рівнем утримання, так і високим рівнем використання. З іншого боку, хоч було ще більше респондентів, які використовували **Create React App**, проте набагато менше тих, хто бажав би використовувати його надалі.
+      З-поміж бібліотек і фреймворків **Next.js** єдиний, що може похизуватися як високим рівнем утримання, так і високим рівнем використання. З іншого боку, хоч було ще більше респондентів, які використовували **Create React App**, проте набагато менше тих, хто бажав би використовувати його надалі.
 
   # component libraries
 
@@ -436,7 +436,7 @@ translations:
     t: Яка мета цього опитування?
   - key: faq.survey_goals_react2023.description
     t: >
-      Мета опитування — вимірювання впізнаваності та популярності серед API React-у, а також бібліотек в екосистемі React.
+      Мета опитування — вимірювання впізнаваності та популярності з-поміж API React-у, а також бібліотек в екосистемі React.
 
   - key: faq.who_should_take_survey_react2023
     t: Хто може взяти участь у цьому опитуванні?
@@ -475,7 +475,7 @@ translations:
 
       ### Цілі опитування
 
-      Це опитування було створено для визначення майбутніх тенденцій в екосистемі React, щоб допомогти розробникам здійснити вибір серед наявних технологій.
+      Це опитування було створено для визначення майбутніх тенденцій в екосистемі React, щоб допомогти розробникам здійснити вибір з-поміж наявних технологій.
 
       Так опитування зосереджено більше на передбаченні того, що станеться протягом наступних кількох років, ніж на аналізі того, що популярно саме зараз, — ось чому деякі функції чи технології іноді можуть не згадуватися попри широке впровадження.
 
@@ -507,7 +507,7 @@ translations:
 
       ### Технічний огляд
 
-      Більш детальний технічний огляд того, як проводяться опитування, знаходиться [тут](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a).
+      Більш детальний технічний огляд того, як проводяться опитування, [тут](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a).
 
       **Примітка: Це *НЕ* офіційне опитування щодо React, а команда опитування ніяк не пов'язана з Meta, Vercel або командою React.**
 

results.yml

@@ -88,7 +88,7 @@ translations:
 
   - key: ratios.interest.description
     t: >
-      Частка респондентів із **позитивним ставленням** серед тих, хто **чув** про це
+      Частка респондентів із **позитивним ставленням** з-поміж тих, хто **чув** про це
   - key: ratios.usage.description
     t: >
       Частка респондентів, які **використовували** це
@@ -97,10 +97,10 @@ translations:
       Частка респондентів, які **чули або використовували** це
   - key: ratios.retention.description
     t: >
-      Частка респондентів із **позитивним ставленням** серед тих, хто **використовував** це
+      Частка респондентів із **позитивним ставленням** з-поміж тих, хто **використовував** це
   - key: ratios.positivity.description
     t: >
-      Частка респондентів із **позитивним ставленням** серед усіх
+      Частка респондентів із **позитивним ставленням** з-поміж усіх
 
   - key: modes.rank
     t: Ранг
@@ -1187,7 +1187,7 @@ translations:
   - key: award.tool_interest_award.title
     t: Найвищий рівень зацікавленості
   - key: award.tool_interest_award.description
-    t: Нагороджується технологія, у вивченні якої були зацікавлені найбільше розробників (серед тих, хто чув про неї).
+    t: Нагороджується технологія, у вивченні якої були зацікавлені найбільше розробників (з-поміж тих, хто чув про неї).
 
   - key: award.resource_usage_award.title
     t: Найпопулярніше джерело
@@ -1530,12 +1530,12 @@ translations:
   - key: explorer.percentage_details.1_extra
     t: |
       Загалом **{xAxisPercentage}%** респондентів на питання "{xAxisLabel}" відповіли "{xAnswerLabel}", але
-      серед тих, хто **на питання "{yAxisLabel}" відповів "{yAnswerLabel}"**, цей відсоток зростає до **{bucketPercentage}%**.
+      з-поміж тих, хто **на питання "{yAxisLabel}" відповів "{yAnswerLabel}"**, цей відсоток зростає до **{bucketPercentage}%**.
 
   - key: explorer.percentage_details.1_missing
     t: |
       Загалом **{xAxisPercentage}%** респондентів на питання "{xAxisLabel}" відповіли "{xAnswerLabel}", але
-      серед тих, хто **на питання "{yAxisLabel}" відповів "{yAnswerLabel}"**, цей відсоток падає до **{bucketPercentage}%**.
+      з-поміж тих, хто **на питання "{yAxisLabel}" відповів "{yAnswerLabel}"**, цей відсоток падає до **{bucketPercentage}%**.
 
   - key: explorer.percentage_details.2_extra
     t: |

state_of_css.yml

@@ -507,7 +507,7 @@ translations:
   - key: features_others.units
     t: Одиниці вимірювання
   - key: features_others.units.description
-    t: Які серед цих одиниць вимірювання в CSS ви використовували?
+    t: Які з-поміж цих одиниць вимірювання в CSS ви використовували?
 
   - key: options.units.px
     t: px
@@ -537,7 +537,7 @@ translations:
   - key: features_others.pseudo_elements
     t: Псевдоелементи
   - key: features_others.pseudo_elements.description
-    t: Які серед цих псевдоелементів CSS ви використовували?
+    t: Які з-поміж цих псевдоелементів CSS ви використовували?
 
   - key: options.pseudo_elements.before
     t: "::before"
@@ -559,7 +559,7 @@ translations:
   - key: features_others.combinators
     t: Комбінатори
   - key: features_others.combinators.description
-    t: Які серед цих комбінаторів селекторів CSS ви використовували?
+    t: Які з-поміж цих комбінаторів селекторів CSS ви використовували?
 
   - key: options.combinators.descendant
     t: div span (нащадок)
@@ -573,7 +573,7 @@ translations:
   - key: features_others.tree_document_structure
     t: Структура дерева / документа
   - key: features_others.tree_document_structure.description
-    t: Які серед цих CSS-селекторів, пов'язаних зі структурою, ви використовували?
+    t: Які з-поміж цих CSS-селекторів, пов'язаних зі структурою, ви використовували?
 
   - key: options.tree_document_structure.root
     t: :root
@@ -613,7 +613,7 @@ translations:
   - key: features_others.attributes
     t: Атрибути
   - key: features_others.attributes.description
-    t: Які серед цих CSS-селекторів атрибутів ви використовували?
+    t: Які з-поміж цих CSS-селекторів атрибутів ви використовували?
 
   - key: options.attributes.presence
     t: div[foo] (Має заданий атрибут)
@@ -631,7 +631,7 @@ translations:
   - key: features_others.links_urls
     t: Посилання/URL
   - key: features_others.links_urls.description
-    t: Які серед цих CSS-селекторів, пов'язаних із посиланнями та URL, ви використовували?
+    t: Які з-поміж цих CSS-селекторів, пов'язаних із посиланнями та URL, ви використовували?
 
   - key: options.links_urls.any_link
     t: :any-link
@@ -645,7 +645,7 @@ translations:
   - key: features_others.interaction
     t: Взаємодія
   - key: features_others.interaction.description
-    t: Які серед цих CSS-селекторів взаємодії ви використовували?
+    t: Які з-поміж цих CSS-селекторів взаємодії ви використовували?
 
   - key: options.interaction.hover
     t: :hover
@@ -661,7 +661,7 @@ translations:
   - key: features_others.form_controls
     t: Елементи керування формою
   - key: features_others.form_controls.description
-    t: Які серед цих CSS-селекторів, пов'язаних із формами, ви використовували?
+    t: Які з-поміж цих CSS-селекторів, пов'язаних із формами, ви використовували?
 
   - key: options.form_controls.enabled_disabled
     t: :enabled та :disabled
@@ -1138,7 +1138,7 @@ translations:
     t: Особистості в екосистемі CSS — кого ви читаєте, за ким слідкуєте чи просто хочете виокремити.
 
   - key: resources.people.question
-    t: Серед особистостей в екосистемі CSS — кого ви читаєте, за ким слідкуєте чи просто хочете виокремити?
+    t: З-поміж особистостей в екосистемі CSS — кого ви читаєте, за ким слідкуєте чи просто хочете виокремити?
 
   ###########################################################################
   # Survey Help