Reduce layout-changes when switching views and make layouts more consistent

An input-device should generally not change shape/functionality during use,
unless there is a good reason for that and it is clearly indicated
when that happens, as otherwise it will be more complicated
and exhausting to use, and learn to use, the input-device.

To improve that, this commit will:

- Make it so that the space-bar, view-switching buttons, backspace-button,
  and return-button will not move around when switching views.

- Add placeholder-buttons and/or stretch buttons to fill gaps.

- Remove buttons that are duplicated in the same view.

- Add buttons for entering commas, on the base-views of some layouts.

- Make the shape of layouts fit into a rectangular space; usually
  without empty space.

- Align layouts more closely to the expected aspect-ratios, to reduce
  changes when switching between languages, and use more of the available
  space.

Other changes:

- `.`-buttons are generally not highlighted anymore.

- On the layouts `gr` and `gr+polytonic`, the highlighting for punctuation
  has been switched to `subtle-highlight` from `special`, so those can be
  visually distinguished from buttons with special functionality.

- The Spanish characters `ñ` and `Ñ` on the `French (Swiss)`-layout (ch+fr)
  were making the layout wider than it should be.
  As there was no other appropriate place for those buttons,
  and the layout is meant for entering French, not Spanish,
  those buttons have been removed from the layout.

Some layouts have been changed much:
- gr+polytonic (which requires more work, but it is much more usable now)
- ir

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/646>

data/keyboards/ua.yaml

@@ -1,14 +1,17 @@
 ---
 outlines:
-    default:       { width: 32,  height: 52 }
-    altline:       { width: 32,  height: 52 }
-    wide:          { width: 57,  height: 52 }
-    change-view:   { width: 32,  height: 52 }
-    change-view-2: { width: 57,  height: 52 }
-    narrow:        { width: 26,  height: 52 }
-    spaceline:     { width: 107, height: 52 }
-    fill:          { width: 159, height: 52 }
-    special:       { width: 42,  height: 52 }
+    default:       { width: 32.45, height: 52 }
+    altline:       { width: 32,    height: 52 }
+    wide:          { width: 57,    height: 52 }
+    change-view:   { width: 32,    height: 52 }
+    change-view-2: { width: 57,    height: 52 }
+    narrow:        { width: 26,    height: 52 }
+    spaceline:     { width: 107,   height: 52 }
+    fill:          { width: 159,   height: 52 }
+    fill-2:        { width: 64.9,  height: 52 }
+    special:       { width: 42,    height: 52 }
+    large:         { width: 42,    height: 52 }
+    placeholder:   { width: 40,    height: 52 }
 
 views:
     base:
@@ -20,16 +23,16 @@ views:
         - "Й Ц У К Е Н Г Ш Щ З Х"
         - "Ф І В А П Р О Л Д Ж Є"
         - "Shift_L   Я Ч С М И Т Ь Б Ю  BackSpace"
-        - "show_numbers preferences    Ґ  space  Ї  CommaLarge Return"
+        - "show_numbers preferences    Ґ  space  Ї  ,-large Return"
     numbers:
         - "1 2 3 4 5 6 7 8 9 0"
         - "@ # $ % & - _ + ( )"
-        - "show_symbols   , \" ' : ; ! ?  BackSpace"
+        - "show_symbols , \" ' : ; ! ? -- BackSpace"
         - "show_letters preferences         space_fill   . Return"
     symbols:
         - "~ ` | · √ π τ ÷ × ¶"
         - "© ® £ € ¥ ^ ° * { }"
-        - "show_numbers   \\ / < > = [ ]  BackSpace"
+        - "show_numbers \\ / < > = [ ] -- BackSpace"
         - "show_letters preferences         space_fill   . Return"
 
 buttons:
@@ -64,9 +67,9 @@ buttons:
         outline: "change-view-2"
         label: "*/="
     .:
-        outline: "special"
-    CommaLarge:
-        outline: "special"
+        outline: "large"
+    ",-large":
+        outline: "large"
         text: ","
     space:
         outline: "spaceline"
@@ -86,3 +89,14 @@ buttons:
         outline: "narrow"
     Ї:
         outline: "narrow"
+    --:
+        outline: "placeholder"
+        text: ""
+    5:
+        outline: "fill-2"
+    "&":
+        outline: "fill-2"
+    √:
+        outline: "fill-2"
+    ¥:
+        outline: "fill-2"