[refactor] join TabList & StepTab into TabView component

Author: TechQuery

document/source/components/NavBar.mdx

@@ -60,7 +60,6 @@ Here’s an example of all the sub-components included in a responsive light-the
         <NavLink href="#" disabled>
             Disabled
         </NavLink>
-
         <Form inline className="my-2 my-lg-0">
             <Field
                 type="search"
@@ -78,7 +77,6 @@ Here’s an example of all the sub-components included in a responsive light-the
             </Button>
         </Form>
     </NavBar>
-
 </Example>
 
 ```TSX
@@ -439,10 +437,8 @@ Mix and match with other components and utilities as needed.
         <NavLink href=".">Home</NavLink>
         <NavLink href="components/navbar">Feature</NavLink>
         <NavLink href="components/navbar">Pricing</NavLink>
-
         <span className="navbar-text">Navbar text with an inline element</span>
     </NavBar>
-
 </Example>
 
 ```TSX
@@ -482,7 +478,6 @@ Choose from `background="light"` for use with light background colors, or `backg
             <NavLink href="components/navbar">Feature</NavLink>
             <NavLink href="components/navbar">Pricing</NavLink>
             <NavLink href="components/navbar">About</NavLink>
-
             <Form inline className="my-2 my-lg-0">
                 <Field
                     type="search"
@@ -501,7 +496,6 @@ Choose from `background="light"` for use with light background colors, or `backg
             </Form>
         </NavBar>
     ))}
-
 </Example>
 
 ```TSX
@@ -615,7 +609,6 @@ With a brand name shown on the left and toggler on the right:
         <NavLink href="#" disabled>
             Disabled
         </NavLink>
-
         <Form inline className="my-2 my-lg-0">
             <Field
                 type="search"
@@ -633,7 +626,6 @@ With a brand name shown on the left and toggler on the right:
             </Button>
         </Form>
     </NavBar>
-
 </Example>
 
 ```TSX
@@ -686,7 +678,6 @@ With a toggler on the left and brand name on the right:
         <NavLink href="#" disabled>
             Disabled
         </NavLink>
-
         <Form inline className="my-2 my-lg-0">
             <Field
                 type="search"
@@ -704,7 +695,6 @@ With a toggler on the left and brand name on the right:
             </Button>
         </Form>
     </NavBar>
-
 </Example>
 
 ```TSX