Bug 1998828 - Add the "Shortcuts" section to Firefox Home settings r=home-newtab-reviewers,desktop-theme-reviewers,hjones,maxx

Added Shortcuts + Shortcut rows settings to newly redesigned "Firefox Home" section in `about:settings#home`.

Differential Revision: https://phabricator.services.mozilla.com/D272189

Author: nina-py

browser/components/preferences/home.js

@@ -64,6 +64,14 @@ if (Services.prefs.getBoolPref("browser.settings-redesign.enabled")) {
       id: "browser.newtabpage.activity-stream.widgets.focusTimer.enabled",
       type: "bool",
     },
+    {
+      id: "browser.newtabpage.activity-stream.feeds.topsites",
+      type: "bool",
+    },
+    {
+      id: "browser.newtabpage.activity-stream.topSitesRows",
+      type: "int",
+    },
     {
       id: "browser.newtabpage.activity-stream.feeds.section.highlights",
       type: "bool",
@@ -128,6 +136,16 @@ if (Services.prefs.getBoolPref("browser.settings-redesign.enabled")) {
     visible: ({ timerEnabled }) => timerEnabled.value,
   });
 
+  // Shortcuts
+  Preferences.addSetting({
+    id: "shortcuts",
+    pref: "browser.newtabpage.activity-stream.feeds.topsites",
+  });
+  Preferences.addSetting({
+    id: "shortcutsRows",
+    pref: "browser.newtabpage.activity-stream.topSitesRows",
+  });
+
   // Recent activity
   Preferences.addSetting({
     id: "recentActivity",

browser/components/preferences/main.js

@@ -1204,6 +1204,39 @@ let SETTINGS_CONFIG = {
         l10nId: "home-prefs-timer-header",
         control: "moz-toggle",
       },
+      {
+        id: "shortcuts",
+        l10nId: "home-prefs-shortcuts-header",
+        control: "moz-toggle",
+        items: [
+          {
+            id: "shortcutsRows",
+            control: "moz-select",
+            options: [
+              {
+                value: 1,
+                l10nId: "home-prefs-sections-rows-option",
+                l10nArgs: { num: 1 },
+              },
+              {
+                value: 2,
+                l10nId: "home-prefs-sections-rows-option",
+                l10nArgs: { num: 2 },
+              },
+              {
+                value: 3,
+                l10nId: "home-prefs-sections-rows-option",
+                l10nArgs: { num: 3 },
+              },
+              {
+                value: 4,
+                l10nId: "home-prefs-sections-rows-option",
+                l10nArgs: { num: 4 },
+              },
+            ],
+          },
+        ],
+      },
       {
         id: "recentActivity",
         l10nId: "home-prefs-recent-activity-header",