Columns docs update (#695)

* Replace `CardGroup` with `Columns`

* Rename file & update links

Author: ethanpalm

components/cards.mdx

@@ -4,16 +4,16 @@ description: "Highlight main points or links with customizable icons"
 icon: 'square-mouse-pointer'
 ---
 
-<Card title="Card Title" icon="text" href="/components/card-groups">
+<Card title="Card Title" icon="text" href="/components/columns">
   This is how you use a card with an icon and a link. Clicking on this card
-  brings you to the Card Group page.
+  brings you to the Columns page.
 </Card>
 
 <RequestExample>
   ```jsx Card Example
-  <Card title="Click on me" icon="text" href="/components/card-group">
+  <Card title="Click on me" icon="text" href="/components/columns">
     This is how you use a card with an icon and a link. Clicking on this card
-    brings you to the Card Group page.
+    brings you to the Columns page.
   </Card>
   ```
 
@@ -48,25 +48,25 @@ You can customize the CTA and whether or not to display the arrow on the card. B
 <Card
   title="Link card"
   icon="link"
-  href="/components/card-groups"
+  href="/components/columns"
   arrow="true"
   cta="Click here"
 >
   This is how you use a card with an icon and a link. Clicking on this card
-  brings you to the Card Group page.
+  brings you to the Columns page.
 </Card>
 
 <RequestExample>
   ```jsx Card Example
   <Card
     title="Link card"
     icon="link"
-    href="/components/card-groups"
+    href="/components/columns"
     arrow="true"
     cta="Click here"
   >
     This is how you use a card with an icon and a link. Clicking on this card
-    brings you to the Card Group page.
+    brings you to the Columns page.
   </Card>
   ```
 </RequestExample>

components/card-groups.mdx renamed to components/columns.mdx

@@ -4,28 +4,28 @@ description: 'Show cards side by side in a grid format'
 icon: 'columns-2'
 ---
 
-The `CardGroup` component lets you group multiple `Card` components together. It's most often used to put multiple cards in a grid, by specifying the number of grid columns.
+The `Columns` component lets you group multiple `Card` components together. It's most often used to put multiple cards in a grid, by specifying the number of grid columns.
 
-<CardGroup cols={2}>
+<Columns cols={2}>
   <Card title="First Card" icon="panel-left-close">
     Neque porro quisquam est qui dolorem ipsum quia dolor sit amet
   </Card>
   <Card title="Second Card" icon="panel-right-close">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit
   </Card>
-</CardGroup>
+</Columns>
 
 <RequestExample>
 
 ```jsx Card Group Example
-<CardGroup cols={2}>
+<Columns cols={2}>
   <Card title="First Card">
     Neque porro quisquam est qui dolorem ipsum quia dolor sit amet
   </Card>
   <Card title="Second Card">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit
   </Card>
-</CardGroup>
+</Columns>
 ```
 
 </RequestExample>

docs.json

@@ -49,7 +49,7 @@
               "components/accordions",
               "components/callouts",
               "components/cards",
-              "components/card-groups",
+              "components/columns",
               "components/code-groups",
               "components/examples",
               "components/expandables",