use classNames

remove imports of `classnames` since its already imported as `classNames` in webpack
updates methods passed to modules as needed

src/app/components/app-nav/index.js

@@ -2,7 +2,6 @@ import { useEffect, useState } from '@wordpress/element';
 import apiFetch from '@wordpress/api-fetch';
 import { useViewportMatch } from '@wordpress/compose';
 import { addQueryArgs } from '@wordpress/url';
-import classnames from 'classnames';
 import { filter } from 'lodash';
 import { Modal, SidebarNavigation } from '@newfold/ui-component-library';
 import { default as NewfoldNotifications } from '@modules/wp-module-notifications/assets/js/components/notifications/';
@@ -170,7 +169,6 @@ export const SideNav = () => {
 				methods={ {
 					apiFetch,
 					addQueryArgs,
-					classnames,
 					filter,
 					useState,
 					useEffect,

src/app/index.js

@@ -5,7 +5,6 @@ import AppStore, { AppStoreProvider } from './data/store';
 import { useLocation, HashRouter as Router } from 'react-router-dom';
 import { NewfoldRuntime } from '@newfold-labs/wp-module-runtime';
 import { SnackbarList, Spinner } from '@wordpress/components';
-import classnames from 'classnames';
 import AppRoutes from './data/routes';
 import ErrorCard from './components/errorCard';
 import { useDispatch, useSelect } from '@wordpress/data';
@@ -56,7 +55,7 @@ const AppBody = ( props ) => {
 	return (
 		<main
 			id="wppbh-app-rendered"
-			className={ classnames(
+			className={ classNames(
 				'wpadmin-brand-bluehost',
 				`wppbh-wp-${ NewfoldRuntime.wpVersion }`,
 				`wppbh-page-${ kebabCase( location.pathname ) }`,
@@ -72,7 +71,6 @@ const AppBody = ( props ) => {
 				methods={ {
 					apiFetch,
 					addQueryArgs,
-					classnames,
 					filter,
 					useState,
 					useEffect,

src/app/pages/admin/index.js

@@ -1,4 +1,3 @@
-import classNames from 'classnames';
 import HelpCenterSettings from '../settings/helpCenterSettings';
 import WonderBlocksSettings from '../settings/wonderBlocksSettings';
 import StagingFeatureSettings from '../settings/stagingFeatureSettings';

src/app/pages/home/accountCard.js

@@ -13,7 +13,6 @@ import {
 	getPlatformBaseUrl,
 	isJarvis,
 } from '../../util/helpers';
-import classNames from 'classnames';
 
 const base = [
 	{

src/app/pages/marketplace/index.js

@@ -1,7 +1,6 @@
 import apiFetch from '@wordpress/api-fetch';
 import { useState, useEffect } from '@wordpress/element';
 import { useLocation, useMatch, useNavigate } from 'react-router-dom';
-import classnames from 'classnames';
 import { Container, Page } from '@newfold/ui-component-library';
 import { NewfoldRuntime } from '@newfold-labs/wp-module-runtime';
 // component sourced from marketplace module
@@ -44,7 +43,7 @@ const MarketplacePage = () => {
 	// methods to pass to module
 	const moduleMethods = {
 		apiFetch,
-		classnames,
+		classNames,
 		useState,
 		useEffect,
 		useLocation,

src/app/pages/performance/index.js

@@ -1,7 +1,6 @@
 import apiFetch from '@wordpress/api-fetch';
 import { useState, useEffect, useContext, Fragment } from '@wordpress/element';
 import { useUpdateEffect } from 'react-use';
-import classnames from 'classnames';
 import { Container, Page } from '@newfold/ui-component-library';
 import { NewfoldRuntime } from '@newfold-labs/wp-module-runtime';
 import AppStore from '../../data/store';
@@ -20,7 +19,6 @@ const PerformancePage = () => {
 	// methods to pass to module
 	const moduleMethods = {
 		apiFetch,
-		classnames,
 		useState,
 		useEffect,
 		useContext,

src/app/pages/settings/index.js

@@ -1,4 +1,3 @@
-import classNames from 'classnames';
 import { Container, Page } from '@newfold/ui-component-library';
 import useContainerBlockIsTarget from 'App/util/hooks/useContainerBlockTarget';
 import ComingSoon from './comingSoon';

src/app/pages/staging/index.js

@@ -1,7 +1,6 @@
 import './stylesheet.scss';
 import { useState, useEffect } from '@wordpress/element';
 import apiFetch from '@wordpress/api-fetch';
-import classnames from 'classnames';
 import { NewfoldRuntime } from '@newfold-labs/wp-module-runtime';
 import { useNotification } from 'App/components/notifications';
 // component sourced from staging module
@@ -18,7 +17,7 @@ const Staging = () => {
 	// methods to pass to module
 	const moduleMethods = {
 		apiFetch,
-		classnames,
+		classNames,
 		useState,
 		useEffect,
 		NewfoldRuntime,