chore: change CIcon imports to CIconRaw imports

Author: woothu

src/table/CDataTable.js

@@ -4,7 +4,7 @@ import classNames from 'classnames'
 import CPagination from '../pagination/CPagination'
 import CElementCover from '../element-cover/CElementCover'
 import style from './CDataTable.module.css'
-import { CIcon } from '@coreui/icons-react'
+import { CIconRaw } from '@coreui/icons-react'
 import { cilArrowTop, cilBan } from '@coreui/icons'
 
 //component - CoreUI / CTable
@@ -364,7 +364,7 @@ const CDataTable = props => {
             {
               isSortable(index) &&
               ((sortingIconSlot && sortingIconSlot(getIconState(index), iconClasses(index))) ||
-              <CIcon
+              <CIconRaw
                 customClasses={classNames(iconClasses(index))}
                 width={18}
                 content={cilArrowTop}
@@ -510,7 +510,7 @@ const CDataTable = props => {
               <div className="text-center my-5">
                 <h2>
                   { noItemsText }
-                  <CIcon
+                  <CIconRaw
                     width="30"
                     name="cilBan"
                     content={cilBan}

src/template/CSidebarNavDropdown.js

@@ -1,7 +1,7 @@
 import React, { useState, useContext, useMemo } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { CIcon } from '@coreui/icons-react'
+import { CIconRaw } from '@coreui/icons-react'
 import { useLocation } from 'react-router-dom'
 
 import { Context } from './CSidebar'
@@ -77,7 +77,7 @@ const CSidebarNavDropdown = props => {
   return (
     <li className={classes} {...attributes} ref={innerRef}>
       <a className="c-sidebar-nav-dropdown-toggle" onClick={() => setIsOpen(!isOpen)} >
-        { icon && <CIcon {...iconProps(icon)} /> }
+        { icon && <CIconRaw {...iconProps(icon)} /> }
         { fontIcon && <i className={iconClasses}/> }
         { name }
       </a>

src/template/CSidebarNavItem.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { CLink, CBadge } from '../index'
-import { CIcon } from '@coreui/icons-react'
+import { CIconRaw } from '@coreui/icons-react'
 import { iconProps } from './CSidebarNavDropdown'
 
 //component - CoreUI / CSidebarNavItem
@@ -42,7 +42,7 @@ const CSidebarNavItem = props => {
           {...routerLinkProps}
           {...rest}
         >
-          { icon && <CIcon {...iconProps(icon)}/>}
+          { icon && <CIconRaw {...iconProps(icon)}/>}
           { fontIcon && <i className={`c-sidebar-nav-icon ${fontIcon}`}/>}
           {name}
           { badge && <CBadge {...{...badge, text: null}}>{badge.text}</CBadge>}