bring example into docs

Author: shakyShane

special-pages/pages/new-tab/app/new-tab.md

@@ -16,13 +16,14 @@ children:
 ### `initialSetup`
 - {@link "NewTab Messages".InitialSetupRequest}
 - Returns {@link "NewTab Messages".InitialSetupResponse}
-- See the `initialSetupResponse` section of [example of initial data](../messages/examples/widgets.js)
 - See also
    - [Widget Config](./widget-list/widget-config.md) for the initial page widgets
    - [Update Notification](./update-notification/update-notification.md) for the optional data
    - [Customizer Drawer Feature Flags](./customizer/customizer.md) for optional feature flags like the customizer drawer
    about release notes (windows only).
 
+{@includeCode ../messages/examples/widgets.js#initialSetupResponse}
+
 ## Notifications
 
 ### `contextMenu` 

special-pages/pages/new-tab/messages/examples/widgets.js

@@ -24,13 +24,20 @@ const widgetConfig = {
     visibility: 'visible',
 };
 
+// #region initialSetupResponse
 /**
- * Widgets + WidgetConfigs when delivered in first payload...
+ * Example of the `InitialSetupResponse`
  *
  * @type {import("../../types/new-tab.js").InitialSetupResponse}
  */
+// prettier-ignore
 const initialSetupResponse = {
-    widgets: [{ id: 'updateNotification' }, { id: 'rmf' }, { id: 'favorites' }, { id: 'privacyStats' }],
+    widgets: [
+        { id: 'updateNotification' },
+        { id: 'rmf' },
+        { id: 'favorites' },
+        { id: 'privacyStats' }
+    ],
     widgetConfigs: [
         { id: 'rmf', visibility: 'visible' },
         { id: 'nextSteps', visibility: 'visible' },
@@ -42,6 +49,12 @@ const initialSetupResponse = {
     platform: { name: 'windows' },
     updateNotification: { content: null },
     customizer: { theme: 'system', userImages: [], userColor: null, background: { kind: 'default' } },
+    defaultStyles: {
+        lightBackgroundColor: '#E9EBEC',
+        darkBackgroundColor: '#27282A',
+    },
 };
 
+// #endregion initialSetupResponse
+
 export {};