docs(tile) feature flag usage, style, code tab update (#4266)

* update usage.mdx

* update the rest of usage.mdx

* update style.mdx

* update code.mdx

* update usage.mdx

* update style.mdx

* update code.mdx

* format

* update

* update style tab

* Fixed a few images, copy & links

* chore: testing

* link shortened

* link shortened-2

* adding <Title>

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* Update src/pages/components/tile/style.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* update selectable anatomy from review

* update usage.mdx

* update typos

* fix: fixed wrong change

* fix: fixed yarn lock

* fix: changed package.json

* fix: ran yarn dedupe

* fix: fixed yarn.lock with main

* fix: fix

* update

* update headings

---------

Co-authored-by: kritvi-bhatia17 <kritvi.bhatia@outlook.com>
Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
Co-authored-by: Anna Gonzales <agonz@us.ibm.com>
Co-authored-by: guidari <guilhermedatilio@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

README.md

@@ -1,3 +1,5 @@
+TEST
+
 # Carbon Design System
 
 ![Deployment status](https://github.com/carbon-design-system/carbon-website/workflows/Deployment%20status/badge.svg)

src/pages/components/tile/code.mdx

@@ -6,6 +6,9 @@ description:
 tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 ---
 
+import { CheckmarkFilled } from '@carbon/icons-react';
+import { Tag } from '@carbon/react';
+
 <PageDescription>
 
 Preview the tile component with the React live demo. For detailed code usage
@@ -23,6 +26,7 @@ documentation, see the Storybooks for each framework below.
     >
 
 <MdxIcon name="react" />
+<Tag type="blue">Feature flag</Tag>
 
   </ResourceCard>
 </Column>
@@ -58,6 +62,29 @@ documentation, see the Storybooks for each framework below.
 </Column>
 </Row>
 
+### Feature flags
+
+[Feature flags](/components/overview/feature-flags/) have been added to the
+clickable, selectable, and expandable variants of tile to improve accessibility
+and changes its visual appearance, not its functionality. For more code-specific
+feature flag information, refer to the
+[@carbon/react](https://react.carbondesignsystem.com/?path=/docs/experimental-feature-flags-tile--overview)
+framework.
+
+- The `enable-experimental-tile-contrast` flag adds a border to the tile with
+  improved contrast for accessibility and to visually indicate they are
+  operable.
+- The `enable-v12-tile-default-icons` flag enables the rendering of default
+  icons on the clickable variant of tile like the ArrowRight icon for navigation
+  or Error icon when it is disabled if the user hasn't configured a different
+  icon already.
+- The `enable-v12-tile-default-icons` flag enables the rendering of default
+  icons on the clickable variant of a tile, such as the ArrowRight icon for
+  navigation or the Error icon when the tile is disabled. If the user hasn't
+  configured a different icon, these defaults will be used.
+- The `enable-v12-tile-radio-icons` flag changes RadioTile to use radio button
+  icons instead of a checkmark icons.
+
 ## Live demo
 
 <StorybookDemo