feat: Checkbox sidemenu's new tree format

.storybook/manager-head.html

@@ -21,4 +21,8 @@
     color: black;
   }
 
+  /* Hide Checkbox Overview Extra Story */
+  div[data-item-id='components-verified-checkboxes--default'] {
+    display: none;
+  }
 </style>

src/components/Checkbox/Checkbox.stories.tsx

@@ -11,7 +11,6 @@ Source: https://cfpb.github.io/design-system/components/checkboxes
 const meta: Meta<typeof Checkbox> = {
   title: 'Components (Verified)/Checkboxes/Checkbox',
   component: Checkbox,
-  tags: ['autodocs'],
   argTypes: {
     disabled: { control: 'boolean' },
     isLarge: { control: 'boolean' }

src/components/Checkbox/CheckboxLarge.stories.tsx

@@ -11,7 +11,6 @@ Source: https://cfpb.github.io/design-system/components/checkboxes
 const meta: Meta<typeof Checkbox> = {
   title: 'Components (Verified)/Checkboxes/Large target area',
   component: Checkbox,
-  tags: ['autodocs'],
   argTypes: {
     disabled: { control: 'boolean' },
     isLarge: { control: 'boolean' }

src/components/Checkbox/CheckboxOverview.stories.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable react/jsx-handler-names */
+import type { Meta, StoryObj } from '@storybook/react';
+import Checkbox from './Checkbox';
+import { CheckboxWrapper } from './Checkbox.utils';
+
+/**
+Use checkboxes when the user can select more than one option from a list. Make clear with helper text that this is the case. Use [radio buttons](https://cfpb.github.io/design-system/components/radio-buttons) when the user can choose only one option from a list.
+
+Source: https://cfpb.github.io/design-system/components/checkboxes
+*/
+const meta: Meta<typeof Checkbox> = {
+  title: 'Components (Verified)/Checkboxes',
+  tags: ['autodocs'],
+  component: Checkbox,
+  argTypes: {
+    disabled: { control: 'boolean' },
+    isLarge: { control: 'boolean' }
+  }
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  render: _arguments => CheckboxWrapper(_arguments),
+  name: 'Default',
+  args: {
+    id: 'default',
+    label: 'Default',
+    checked: false
+  }
+};