Core/dp 20309 overview documentation (#1284)

* Updated the structure of links and content and the layout of Introduction

* Re-ordered brand pillars to top of principles

* Update packages/core/stories/principles/Accessibility.stories.mdx

Co-authored-by: Minghua Sun <clairesunstudio@gmail.com>

* Moved sandbox style to end

* Added imports to resolve conflict

* Reverted preview js

* Create _place-holder.scss

-to resolve conflict with core/storybook-integration

* Reverted meta.json

-moved this work to navigation pr

* Fixed wrap of li

* Implemented LinkTo

* Updated the structure of links and content and the layout of Introduction

* Re-ordered brand pillars to top of principles

* Update packages/core/stories/principles/Accessibility.stories.mdx

Co-authored-by: Minghua Sun <clairesunstudio@gmail.com>

* Moved sandbox style to end

* Reverted preview js

* Reverted meta.json

-moved this work to navigation pr

* Fixed wrap of li

* Implemented LinkTo

* DP-20568-storybook-navigation-update (#1290)

* Added navigation update

* Update meta.json

* Re-organize links

* Deleted some test files

* Updated links

Co-authored-by: Minghua Sun <clairesunstudio@gmail.com>

* refactor introduction menu story links to use SectionLink component

* update intro

* fix and reorder

* remove unused styles;

Co-authored-by: Minghua Sun <clairesunstudio@gmail.com>

packages/core/stories/principles/Accessibility.stories.mdx

@@ -3,7 +3,7 @@ import { linkTo } from '@storybook/addon-links';
 import { Button } from '@massds/mayflower-react';
 import generateTitle from '../util/generateTitle';
 
-<Meta title="Design Principles/Guidelines/Accessibility" />
+<Meta title={generateTitle('Accessibility')} />
 
 
 # Web accessibility and the Commonwealth

packages/core/stories/styles/index.scss

@@ -181,4 +181,4 @@ p.lang-label {
 	line-height: 1.5;
 	margin-block-start: 0;
   margin-block-end: 0;
-}
+}