diff --git a/.eslintrc b/.eslintrc
index e17cfe0..3f69276 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -3,7 +3,8 @@
     "plugin:react/recommended",
     "plugin:@wordpress/eslint-plugin/recommended-with-formatting",
     "plugin:import/recommended",
-    "plugin:jsx-a11y/strict"
+    "plugin:jsx-a11y/strict",
+    "plugin:prettier/recommended"
   ],
   "plugins": [
     "babel",
@@ -36,8 +37,6 @@
   "rules": {
     "no-console": "off",
     "react-hooks/exhaustive-deps": "off",
-    "react/jsx-max-props-per-line": [1, { "maximum": { "single": 2, "multi": 1 } }],
-    "react/jsx-first-prop-new-line": ["error", "multiline"],
     "strict": [ "error", "global" ],
     "curly": "warn",
     "import/order": [
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..9da595c
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,10 @@
+{
+  "useTabs": true,
+  "printWidth": 80,
+  "semi": true,
+  "singleQuote": true,
+  "endOfLine": "auto",
+  "arrowParens": "always",
+  "proseWrap": "always",
+  "bracketSpacing": true
+}
diff --git a/classes/module-base.php b/classes/module-base.php
index 4633240..bfc4135 100644
--- a/classes/module-base.php
+++ b/classes/module-base.php
@@ -190,7 +190,7 @@ public function add_route( string $id, $instance ) {
 	 * @access public
 	 * @return Module[]
 	 */
-	public function get_components() {
+	public function get_components(): array {
 		return $this->components;
 	}
 
diff --git a/modules/legacy/module.php b/modules/legacy/module.php
index 3b04414..9d38de8 100644
--- a/modules/legacy/module.php
+++ b/modules/legacy/module.php
@@ -21,7 +21,7 @@ public static function component_list() : array {
 			'Frontend',
 			'Customizer',
 			'Settings',
-			'Admin'
+			'Admin',
 		];
 	}
 
@@ -30,7 +30,7 @@ public function backwards_compatibility() {
 			/**
 			 * @var Customizer $customizer
 			 */
-			$customizer = $this->get_components( 'Customizer' );
+			$customizer = $this->get_components()['Customizer'];
 			$customizer_fields = $customizer->get_customizer_fields();
 			$options = [];
 			$mods = get_theme_mods();
diff --git a/modules/settings/assets/js/admin.js b/modules/settings/assets/js/admin.js
index c3b2510..761df35 100644
--- a/modules/settings/assets/js/admin.js
+++ b/modules/settings/assets/js/admin.js
@@ -3,13 +3,13 @@ import { StrictMode, Fragment, createRoot } from '@wordpress/element';
 import App from './app';
 import { PluginSettingsProvider } from './contexts/plugin-settings';
 
-const rootNode = document.getElementById( 'ea11y-app' );
+const rootNode = document.getElementById('ea11y-app');
 
 // Can't use the settings hook in the global scope so accessing directly
 const isDevelopment = window?.ea11ySettingsData?.isDevelopment;
-const AppWrapper = Boolean( isDevelopment ) ? StrictMode : Fragment;
+const AppWrapper = Boolean(isDevelopment) ? StrictMode : Fragment;
 
-const root = createRoot( rootNode );
+const root = createRoot(rootNode);
 
 root.render(
 	<AppWrapper>
diff --git a/modules/settings/assets/js/api/exceptions/APIError.js b/modules/settings/assets/js/api/exceptions/APIError.js
index f13a1f1..2750d97 100644
--- a/modules/settings/assets/js/api/exceptions/APIError.js
+++ b/modules/settings/assets/js/api/exceptions/APIError.js
@@ -1,6 +1,6 @@
 class APIError extends Error {
-	constructor( message ) {
-		super( message );
+	constructor(message) {
+		super(message);
 
 		this.name = 'APIError';
 	}
diff --git a/modules/settings/assets/js/api/index.js b/modules/settings/assets/js/api/index.js
index 2648f10..79f675b 100644
--- a/modules/settings/assets/js/api/index.js
+++ b/modules/settings/assets/js/api/index.js
@@ -6,126 +6,126 @@ const wpV2Prefix = '/wp/v2';
 const v1Prefix = '/ea11y/v1';
 
 class API {
-	static async request( { path, data, method = 'POST' } ) {
+	static async request({ path, data, method = 'POST' }) {
 		try {
-			if ( 'GET' === method && ! path.startsWith( wpV2Prefix ) ) {
-				path = addQueryArgs( path, { sb_time: new Date().getTime() } );
+			if ('GET' === method && !path.startsWith(wpV2Prefix)) {
+				path = addQueryArgs(path, { sb_time: new Date().getTime() });
 			}
 
-			const response = await apiFetch( {
+			const response = await apiFetch({
 				path,
 				method,
 				data,
-			} );
+			});
 
-			if ( path.startsWith( wpV2Prefix ) ) {
+			if (path.startsWith(wpV2Prefix)) {
 				return response;
 			}
 
-			if ( ! response.success ) {
-				throw new APIError( response.data.message );
+			if (!response.success) {
+				throw new APIError(response.data.message);
 			}
 
 			return response.data;
-		} catch ( e ) {
-			if ( e instanceof APIError ) {
+		} catch (e) {
+			if (e instanceof APIError) {
 				throw e;
 			} else {
-				throw new APIError( e.message );
+				throw new APIError(e.message);
 			}
 		}
 	}
 
-	static async initConnect( context = 'new' ) {
+	static async initConnect(context = 'new') {
 		const data = {
 			wp_rest: window?.ea11ySettingsData?.wpRestNonce,
 		};
 
-		if ( 'update' === context ) {
+		if ('update' === context) {
 			data.update_redirect_uri = true;
 		}
 
-		return API.request( {
+		return API.request({
 			method: 'POST',
-			path: `${ v1Prefix }/connect/authorize`,
+			path: `${v1Prefix}/connect/authorize`,
 			data,
-		} );
+		});
 	}
 
 	static async clearSession() {
-		return API.request( {
+		return API.request({
 			method: 'POST',
-			path: `${ v1Prefix }/connect/deactivate_and_disconnect`,
+			path: `${v1Prefix}/connect/deactivate_and_disconnect`,
 			data: {
 				wp_rest: window?.ea11ySettingsData?.wpRestNonce,
 				clear_session: true,
 			},
-		} );
+		});
 	}
 
 	static async deactivateAndDisconnect() {
-		return API.request( {
+		return API.request({
 			method: 'POST',
-			path: `${ v1Prefix }/connect/deactivate_and_disconnect`,
+			path: `${v1Prefix}/connect/deactivate_and_disconnect`,
 			data: {
 				wp_rest: window?.ea11ySettingsData?.wpRestNonce,
 			},
-		} );
+		});
 	}
 
 	static async deactivate() {
-		return API.request( {
+		return API.request({
 			method: 'POST',
-			path: `${ v1Prefix }/connect/deactivate`,
+			path: `${v1Prefix}/connect/deactivate`,
 			data: {
 				wp_rest: window?.ea11ySettingsData?.wpRestNonce,
 			},
-		} );
+		});
 	}
 
 	static async disconnect() {
-		return API.request( {
+		return API.request({
 			method: 'POST',
-			path: `${ v1Prefix }/connect/disconnect`,
+			path: `${v1Prefix}/connect/disconnect`,
 			data: {
 				wp_rest: window?.ea11ySettingsData?.wpRestNonce,
 			},
-		} );
+		});
 	}
 
 	static async reconnect() {
-		return API.request( {
+		return API.request({
 			method: 'POST',
-			path: `${ v1Prefix }/connect/reconnect`,
+			path: `${v1Prefix}/connect/reconnect`,
 			data: {
 				wp_rest: window?.ea11ySettingsData?.wpRestNonce,
 			},
-		} );
+		});
 	}
 
 	static async getSettings() {
-		return API.request( {
+		return API.request({
 			method: 'GET',
-			path: `${ wpV2Prefix }/settings`,
-		} );
+			path: `${wpV2Prefix}/settings`,
+		});
 	}
 
-	static async updateSettings( data ) {
-		return API.request( {
+	static async updateSettings(data) {
+		return API.request({
 			method: 'PUT',
-			path: `${ wpV2Prefix }/settings`,
+			path: `${wpV2Prefix}/settings`,
 			data,
-		} );
+		});
 	}
 
 	/**
 	 * @return {Promise<any>} {}
 	 */
 	static async getPluginSettings() {
-		return API.request( {
+		return API.request({
 			method: 'GET',
-			path: `${ v1Prefix }/settings/get-settings`,
-		} );
+			path: `${v1Prefix}/settings/get-settings`,
+		});
 	}
 }
 
diff --git a/modules/settings/assets/js/app.js b/modules/settings/assets/js/app.js
index 1a10f88..9a6cad7 100644
--- a/modules/settings/assets/js/app.js
+++ b/modules/settings/assets/js/app.js
@@ -3,30 +3,32 @@ import Box from '@elementor/ui/Box';
 import DirectionProvider from '@elementor/ui/DirectionProvider';
 import Grid from '@elementor/ui/Grid';
 import { ThemeProvider } from '@elementor/ui/styles';
-import { ConnectModal, Notifications, MenuItems, AdminTopBar, BottomBar } from '@ea11y/components';
+import {
+	ConnectModal,
+	Notifications,
+	MenuItems,
+	AdminTopBar,
+	BottomBar,
+} from '@ea11y/components';
 import { useNotificationSettings, useSettings } from '@ea11y/hooks';
 import { usePluginSettingsContext } from './contexts/plugin-settings';
 import { Sidebar } from './layouts/sidebar';
 
 const App = () => {
 	const { isConnected } = usePluginSettingsContext();
-	const {
-		notificationMessage,
-		notificationType,
-	} = useNotificationSettings();
+	const { notificationMessage, notificationType } = useNotificationSettings();
 	const { selectedMenu } = useSettings();
 
 	// Accessing the selected menu item
-	const selectedParent = MenuItems[ selectedMenu.parent ];
-	const selectedChild = selectedMenu.child ? selectedParent.children[ selectedMenu.child ] : null;
+	const selectedParent = MenuItems[selectedMenu.parent];
+	const selectedChild = selectedMenu.child
+		? selectedParent.children[selectedMenu.child]
+		: null;
 	return (
-		<DirectionProvider rtl={ false /* TODO:Add RTL detection in settings */ }>
+		<DirectionProvider rtl={false /* TODO:Add RTL detection in settings */}>
 			<ThemeProvider colorScheme="light">
-				{ ! isConnected && <ConnectModal /> }
-				<Grid
-					display="flex"
-					flexDirection="row"
-					height="100%">
+				{!isConnected && <ConnectModal />}
+				<Grid display="flex" flexDirection="row" height="100%">
 					<Sidebar />
 					<Box
 						width="100%"
@@ -35,13 +37,13 @@ const App = () => {
 						justifyContent="space-between"
 					>
 						<AdminTopBar />
-						<Box p={ 1 } height="100%">
-							{ selectedChild ? selectedChild.page : selectedParent?.page }
+						<Box p={1} height="100%">
+							{selectedChild ? selectedChild.page : selectedParent?.page}
 						</Box>
 						<BottomBar />
 					</Box>
 				</Grid>
-				<Notifications message={ notificationMessage } type={ notificationType } />
+				<Notifications message={notificationMessage} type={notificationType} />
 			</ThemeProvider>
 		</DirectionProvider>
 	);
diff --git a/modules/settings/assets/js/components/admin-top-bar/index.js b/modules/settings/assets/js/components/admin-top-bar/index.js
index ec97e36..ff92671 100644
--- a/modules/settings/assets/js/components/admin-top-bar/index.js
+++ b/modules/settings/assets/js/components/admin-top-bar/index.js
@@ -11,20 +11,19 @@ export const AdminTopBar = () => {
 		alignItems: 'center',
 		backgroundColor: 'background.default',
 		gap: '10px',
-		borderBottom: '1px solid rgba(0, 0, 0, 0.12)' };
+		borderBottom: '1px solid rgba(0, 0, 0, 0.12)',
+	};
 	return (
 		<AppBar position="static">
-			<Toolbar
-				direction="row"
-				sx={ toolBarStyle }
-				padding={ 2 }>
+			<Toolbar direction="row" sx={toolBarStyle} padding={2}>
 				<Link
 					color="secondary"
 					underline="hover"
-					href={ HELP_LINK }
+					href={HELP_LINK}
 					target="_blank"
-					sx={ { display: 'inline-flex', alignItems: 'center', gap: 1 } }
-					aria-label={ __( 'Help', 'pojo-accessibility' ) }>
+					sx={{ display: 'inline-flex', alignItems: 'center', gap: 1 }}
+					aria-label={__('Help', 'pojo-accessibility')}
+				>
 					<HelpIcon />
 				</Link>
 			</Toolbar>
diff --git a/modules/settings/assets/js/components/alignment-matrix-control/index.js b/modules/settings/assets/js/components/alignment-matrix-control/index.js
index 9153498..feecb05 100644
--- a/modules/settings/assets/js/components/alignment-matrix-control/index.js
+++ b/modules/settings/assets/js/components/alignment-matrix-control/index.js
@@ -9,41 +9,41 @@ import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
 const AlignmentMatrixControl = () => {
-	const [ selectedValue, setSelectedValue ] = useState( 'center-right' );
+	const [selectedValue, setSelectedValue] = useState('center-right');
 
-	const handleChange = ( event ) => {
-		setSelectedValue( event.target.value );
+	const handleChange = (event) => {
+		setSelectedValue(event.target.value);
 	};
 
 	const options = [
-		{ value: 'top-left', label: __( 'Top Left', 'pojo-accessibility' ) },
-		{ value: 'top-right', label: __( 'Top Right', 'pojo-accessibility' ) },
-		{ value: 'center-left', label: __( 'Center Left', 'pojo-accessibility' ) },
-		{ value: 'center-right', label: __( 'Center Right', 'pojo-accessibility' ) },
-		{ value: 'bottom-left', label: __( 'Bottom Left', 'pojo-accessibility' ) },
-		{ value: 'bottom-right', label: __( 'Bottom Right', 'pojo-accessibility' ) },
+		{ value: 'top-left', label: __('Top Left', 'pojo-accessibility') },
+		{ value: 'top-right', label: __('Top Right', 'pojo-accessibility') },
+		{ value: 'center-left', label: __('Center Left', 'pojo-accessibility') },
+		{ value: 'center-right', label: __('Center Right', 'pojo-accessibility') },
+		{ value: 'bottom-left', label: __('Bottom Left', 'pojo-accessibility') },
+		{ value: 'bottom-right', label: __('Bottom Right', 'pojo-accessibility') },
 	];
 
 	return (
 		<FormControl>
 			<FormLabel id="alignment-matrix-control" color="secondary">
-				<Typography variant="subtitle2" marginBottom={ 1 }>
-					{ __( 'Default Position', 'pojo-accessibility' ) }
+				<Typography variant="subtitle2" marginBottom={1}>
+					{__('Default Position', 'pojo-accessibility')}
 				</Typography>
 			</FormLabel>
 			<Box
 				display="flex"
 				justifyContent="center"
-				padding={ 2 }
+				padding={2}
 				width="100%"
-				sx={ { backgroundColor: 'divider' } }
+				sx={{ backgroundColor: 'divider' }}
 			>
 				<RadioGroup
 					aria-labelledby="alignment-matrix-control"
-					value={ selectedValue }
-					onChange={ handleChange }
+					value={selectedValue}
+					onChange={handleChange}
 					name="alignment-matrix-control"
-					sx={ {
+					sx={{
 						display: 'grid',
 						gridTemplateColumns: 'repeat(2, 1fr)',
 						gap: 1,
@@ -52,13 +52,16 @@ const AlignmentMatrixControl = () => {
 						borderColor: 'secondary.main',
 						borderRadius: 1,
 						width: '100px',
-					} }
+					}}
 				>
-					{ options.map( ( option, i ) => <FormControlLabel
-						sx={ { margin: 0 } }
-						key={ i }
-						value={ option.value }
-						control={ <Radio color="secondary" /> } /> ) }
+					{options.map((option, i) => (
+						<FormControlLabel
+							sx={{ margin: 0 }}
+							key={i}
+							value={option.value}
+							control={<Radio color="secondary" />}
+						/>
+					))}
 				</RadioGroup>
 			</Box>
 		</FormControl>
diff --git a/modules/settings/assets/js/components/bottom-bar/index.js b/modules/settings/assets/js/components/bottom-bar/index.js
index 5ecc9ec..95cca68 100644
--- a/modules/settings/assets/js/components/bottom-bar/index.js
+++ b/modules/settings/assets/js/components/bottom-bar/index.js
@@ -7,11 +7,12 @@ export const BottomBar = () => {
 		<Box
 			display="flex"
 			justifyContent="end"
-			p={ 2 }
+			p={2}
 			width="100%"
-			borderTop="1px solid rgba(0, 0, 0, 0.12)">
+			borderTop="1px solid rgba(0, 0, 0, 0.12)"
+		>
 			<Button variant="contained" color="info">
-				{ __( 'Save Changes', 'pojo-accessibility' ) }
+				{__('Save Changes', 'pojo-accessibility')}
 			</Button>
 		</Box>
 	);
diff --git a/modules/settings/assets/js/components/color-picker/index.js b/modules/settings/assets/js/components/color-picker/index.js
index a3cf6ca..beecd7a 100644
--- a/modules/settings/assets/js/components/color-picker/index.js
+++ b/modules/settings/assets/js/components/color-picker/index.js
@@ -9,42 +9,39 @@ import { __ } from '@wordpress/i18n';
 import './style.css';
 
 const ColorPicker = () => {
-	const [ color, setColor ] = useState( '#2563eb' );
+	const [color, setColor] = useState('#2563eb');
 
 	return (
 		<FormControl>
 			<FormLabel id="color-picker-label" color="secondary">
-				<Typography variant="subtitle2" marginBottom={ 1 }>
-					{ __( 'Color', 'pojo-accessibility' ) }
+				<Typography variant="subtitle2" marginBottom={1}>
+					{__('Color', 'pojo-accessibility')}
 				</Typography>
 			</FormLabel>
-			<Grid
-				padding={ 1 }
-				border={ 1 }
-				borderColor="divider"
-				borderRadius={ 1 }
-			>
+			<Grid padding={1} border={1} borderColor="divider" borderRadius={1}>
 				<HexColorPicker
-					color={ color }
-					onChange={ setColor }
+					color={color}
+					onChange={setColor}
 					defaultValue="#fff"
 					className="widget-settings-color-picker"
 				/>
-				<Grid marginTop={ 2 } display="flex">
+				<Grid marginTop={2} display="flex">
 					<Box
-						padding={ 2 }
-						sx={ { backgroundColor: color } }
-						borderRadius={ 1 }
-						marginRight={ 1 }></Box>
+						padding={2}
+						sx={{ backgroundColor: color }}
+						borderRadius={1}
+						marginRight={1}
+					></Box>
 					<HexColorInput
-						color={ color }
-						onChange={ setColor }
-						style={ {
+						color={color}
+						onChange={setColor}
+						style={{
 							width: '100%',
 							border: '1px solid rgba(0, 0, 0, 0.12)',
 							borderRadius: '3px',
 							paddingLeft: '10px',
-						} } />
+						}}
+					/>
 				</Grid>
 			</Grid>
 		</FormControl>
diff --git a/modules/settings/assets/js/components/connect-modal/connect-modal-icon.js b/modules/settings/assets/js/components/connect-modal/connect-modal-icon.js
index 8bc1367..ce023c7 100644
--- a/modules/settings/assets/js/components/connect-modal/connect-modal-icon.js
+++ b/modules/settings/assets/js/components/connect-modal/connect-modal-icon.js
@@ -4,201 +4,265 @@ const ConnectModalIcon = () => {
 	return (
 		<SvgIcon
 			viewBox="0 0 376 167"
-			sx={ { width: '367px', height: '167px', fill: 'none' } }
+			sx={{ width: '367px', height: '167px', fill: 'none' }}
 			xmlns="http://www.w3.org/2000/svg"
 			xmlnsXlink="http://www.w3.org/1999/xlink"
 		>
 			<g clipPath="url(#clip0_4586_17927)">
-				<path d="M260.135 124.169C272.348 115.941 281.79 100.886 279.712 85.5902C278.462 76.3975 273.222 68.2597 266.566 62.3974C259.909 56.5352 251.898 52.7376 243.796 49.6482C227.396 43.3791 209.747 39.702 192.459 42.4297C177.34 44.8107 179.478 48.1261 164.042 50.9744C132.237 56.8667 118.398 42.0529 101.471 52.5115C92.0441 58.3285 88.5805 68.8775 87.5263 72.2382C84.3187 82.3803 86.3367 91.1058 87.6167 96.7119C89.725 105.874 93.6103 112.249 95.583 115.414C98.1732 119.588 101.652 125.179 107.856 130.092C109.438 131.343 123.518 143.278 141.017 140.083C151.227 138.215 160.413 132.232 170.427 129.323C178.273 127.048 186.571 126.807 194.522 128.434C202.488 130.062 208.949 135.984 216.524 137.717C222.487 139.089 230.258 135.819 236.056 134.312C244.459 132.126 252.771 129.127 260.15 124.154L260.135 124.169Z" fill="#FAE8FF" />
+				<path
+					d="M260.135 124.169C272.348 115.941 281.79 100.886 279.712 85.5902C278.462 76.3975 273.222 68.2597 266.566 62.3974C259.909 56.5352 251.898 52.7376 243.796 49.6482C227.396 43.3791 209.747 39.702 192.459 42.4297C177.34 44.8107 179.478 48.1261 164.042 50.9744C132.237 56.8667 118.398 42.0529 101.471 52.5115C92.0441 58.3285 88.5805 68.8775 87.5263 72.2382C84.3187 82.3803 86.3367 91.1058 87.6167 96.7119C89.725 105.874 93.6103 112.249 95.583 115.414C98.1732 119.588 101.652 125.179 107.856 130.092C109.438 131.343 123.518 143.278 141.017 140.083C151.227 138.215 160.413 132.232 170.427 129.323C178.273 127.048 186.571 126.807 194.522 128.434C202.488 130.062 208.949 135.984 216.524 137.717C222.487 139.089 230.258 135.819 236.056 134.312C244.459 132.126 252.771 129.127 260.15 124.154L260.135 124.169Z"
+					fill="#FAE8FF"
+				/>
 				<path
 					d="M181.455 131.036C147.504 131.169 104.259 131.303 70.3078 131.451C69.6784 126.107 73.2676 120.576 78.6114 118.62C83.9685 116.652 90.6114 118.433 94.04 122.745C92.3525 115.647 94.6293 107.826 99.9194 102.482C100.589 101.812 101.299 101.183 102.049 100.594C111.919 92.8793 127.214 95.6382 133.241 106.272C134.848 109.111 135.022 111.924 135.049 112.741C135.236 118.634 131.567 122.799 130.442 123.991C134.594 121.527 140.915 118.607 149.058 117.669C154.174 117.08 162.678 116.089 171.009 120.723C176.835 123.964 179.995 128.518 181.455 131.036Z"
 					fill="black"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
-				<path d="M253.817 135.951L122.487 152.036L116.795 73.8079L248.018 63.04L253.817 135.951Z" fill="white" />
-				<path d="M122.486 152.692C122.339 152.692 122.192 152.639 122.071 152.545C121.937 152.438 121.844 152.264 121.83 152.089L116.125 73.8617C116.098 73.5001 116.366 73.1921 116.728 73.1653L247.951 62.3975C248.125 62.3975 248.299 62.4376 248.433 62.5582C248.567 62.6653 248.647 62.826 248.661 63.0001L254.46 135.911C254.486 136.259 254.232 136.567 253.884 136.621L122.567 152.692C122.567 152.692 122.513 152.692 122.486 152.692ZM117.491 74.4109L123.089 151.299L253.107 135.389L247.415 63.7501L117.491 74.4109Z" fill="black" />
-				<path d="M122.486 152.692C122.339 152.692 122.192 152.639 122.071 152.545C121.937 152.438 121.844 152.264 121.83 152.089L116.125 73.8617C116.098 73.5001 116.366 73.1921 116.728 73.1653L247.951 62.3975C248.125 62.3975 248.299 62.4376 248.433 62.5582C248.567 62.6653 248.647 62.826 248.661 63.0001L254.46 135.911C254.486 136.259 254.232 136.567 253.884 136.621L122.567 152.692C122.567 152.692 122.513 152.692 122.486 152.692ZM117.491 74.4109L123.089 151.299L253.107 135.389L247.415 63.7501L117.491 74.4109Z" fill="black" />
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M253.817 135.951L122.487 152.036L116.795 73.8079L248.018 63.04L253.817 135.951Z"
+					fill="white"
+				/>
+				<path
+					d="M122.486 152.692C122.339 152.692 122.192 152.639 122.071 152.545C121.937 152.438 121.844 152.264 121.83 152.089L116.125 73.8617C116.098 73.5001 116.366 73.1921 116.728 73.1653L247.951 62.3975C248.125 62.3975 248.299 62.4376 248.433 62.5582C248.567 62.6653 248.647 62.826 248.661 63.0001L254.46 135.911C254.486 136.259 254.232 136.567 253.884 136.621L122.567 152.692C122.567 152.692 122.513 152.692 122.486 152.692ZM117.491 74.4109L123.089 151.299L253.107 135.389L247.415 63.7501L117.491 74.4109Z"
+					fill="black"
+				/>
+				<path
+					d="M122.486 152.692C122.339 152.692 122.192 152.639 122.071 152.545C121.937 152.438 121.844 152.264 121.83 152.089L116.125 73.8617C116.098 73.5001 116.366 73.1921 116.728 73.1653L247.951 62.3975C248.125 62.3975 248.299 62.4376 248.433 62.5582C248.567 62.6653 248.647 62.826 248.661 63.0001L254.46 135.911C254.486 136.259 254.232 136.567 253.884 136.621L122.567 152.692C122.567 152.692 122.513 152.692 122.486 152.692ZM117.491 74.4109L123.089 151.299L253.107 135.389L247.415 63.7501L117.491 74.4109Z"
+					fill="black"
+				/>
 				<rect
 					x="169.268"
 					y="83.6924"
 					width="122.464"
 					height="74.8929"
-					fill="url(#pattern0_4586_17927)" />
-				<path d="M116.795 73.8079L190.322 114.978L248.018 63.04L116.795 73.8079Z" fill="white" />
-				<path d="M190.322 115.634C190.214 115.634 190.107 115.607 190 115.554L116.473 74.384C116.219 74.2367 116.085 73.9555 116.152 73.6742C116.219 73.393 116.447 73.1787 116.741 73.1653L247.964 62.3974C248.259 62.3707 248.514 62.5314 248.621 62.7858C248.728 63.0403 248.661 63.3483 248.46 63.5358L190.763 115.487C190.643 115.594 190.482 115.661 190.322 115.661V115.634ZM118.991 74.2769L190.228 114.174L246.13 63.8439L118.991 74.2769Z" fill="black" />
+					fill="url(#pattern0_4586_17927)"
+				/>
+				<path
+					d="M116.795 73.8079L190.322 114.978L248.018 63.04L116.795 73.8079Z"
+					fill="white"
+				/>
+				<path
+					d="M190.322 115.634C190.214 115.634 190.107 115.607 190 115.554L116.473 74.384C116.219 74.2367 116.085 73.9555 116.152 73.6742C116.219 73.393 116.447 73.1787 116.741 73.1653L247.964 62.3974C248.259 62.3707 248.514 62.5314 248.621 62.7858C248.728 63.0403 248.661 63.3483 248.46 63.5358L190.763 115.487C190.643 115.594 190.482 115.661 190.322 115.661V115.634ZM118.991 74.2769L190.228 114.174L246.13 63.8439L118.991 74.2769Z"
+					fill="black"
+				/>
 				<path
 					d="M234.035 152.21C234.624 143.384 240.37 135.094 248.432 131.464C256.495 127.835 266.513 129 273.517 134.397C269.272 127.045 271.736 116.585 278.807 111.897C285.879 107.21 296.473 109.018 301.589 115.795C300.705 106.969 304.508 97.8081 311.379 92.1965C318.249 86.5849 327.986 84.6965 336.464 87.3215"
 					stroke="black"
 					strokeWidth="0.98"
-					strokeMiterlimit="10" />
+					strokeMiterlimit="10"
+				/>
 				<path
 					d="M73.7629 84.469L74.0307 85.085C74.7673 87.6699 80.2852 89.5047 86.2048 88.8216C87.2897 88.7011 88.3879 88.4868 89.4727 88.1788C89.7539 88.0984 90.0218 88.0181 90.2896 87.9377C96.8521 85.8886 101.406 81.9913 100.575 79.0582L100.308 78.4422C99.437 75.3752 91.87 73.3663 84.8655 75.3484C77.8611 77.3306 72.8923 81.4154 73.7495 84.4824L73.7629 84.469Z"
 					fill="white"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M86.2044 88.8215C87.2893 88.701 88.3875 88.4867 89.4723 88.1786C89.7535 88.0983 90.0214 88.0179 90.2893 87.9376C91.441 86.5313 91.95 84.134 91.4678 81.6161C90.7714 77.9599 88.2669 75.4152 85.883 75.9242C83.4857 76.4465 82.1062 79.8215 82.8026 83.4777C83.2714 86.009 84.6241 88.0045 86.191 88.8215H86.2044Z"
 					fill="black"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M69.4368 70.3393L69.4636 70.7143C69.7716 72.1875 67.4948 74.5178 64.3743 75.6964C63.7984 75.9107 63.1957 76.0848 62.5797 76.2187C62.419 76.2455 62.2582 76.2857 62.1109 76.3125C58.3207 76.9821 55.0529 76.2187 54.7047 74.5446L54.6779 74.1696C54.3163 72.4285 57.5707 69.4821 61.5618 68.6652C65.5529 67.8482 69.0752 68.5982 69.4368 70.3527V70.3393Z"
 					fill="white"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M64.3746 75.6968C63.7987 75.9111 63.196 76.0852 62.58 76.2191C62.4193 76.2459 62.2585 76.2861 62.1112 76.3129C61.1737 75.9111 60.3032 74.8531 59.9014 73.4736C59.2987 71.4781 59.9014 69.5629 61.2139 69.2147C62.5398 68.8531 64.0934 70.179 64.696 72.1879C65.1112 73.5674 64.9505 74.9066 64.388 75.7236L64.3746 75.6968Z"
 					fill="black"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
-				<path d="M166.709 49.7412C163 52.2189 161.165 57.0805 161.982 61.4734C162.799 65.8662 166.04 69.643 170.111 71.4644C174.183 73.2859 178.991 73.2323 183.183 71.6921C187.375 70.1519 190.977 67.2055 193.656 63.6296" fill="white" />
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M166.709 49.7412C163 52.2189 161.165 57.0805 161.982 61.4734C162.799 65.8662 166.04 69.643 170.111 71.4644C174.183 73.2859 178.991 73.2323 183.183 71.6921C187.375 70.1519 190.977 67.2055 193.656 63.6296"
+					fill="white"
+				/>
 				<path
 					d="M166.709 49.7412C163 52.2189 161.165 57.0805 161.982 61.4734C162.799 65.8662 166.04 69.643 170.111 71.4644C174.183 73.2859 178.991 73.2323 183.183 71.6921C187.375 70.1519 190.977 67.2055 193.656 63.6296"
 					stroke="black"
 					strokeWidth="0.98"
-					strokeMiterlimit="10" />
+					strokeMiterlimit="10"
+				/>
 				<path
 					d="M231.504 99.4555L181.428 106.46L179.66 103.795L232.562 94.835L231.504 99.4555Z"
 					fill="black"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M230.325 85.2587L231.798 98.7319L181.16 105.656L179.968 91.5399L185.62 90.7631C191.218 89.9997 199.133 87.6962 198.423 81.2542L195.169 51.4685L204.838 50.1426L208.16 80.5176C208.856 86.9462 213.53 87.5354 219.128 86.772L230.338 85.2453L230.325 85.2587Z"
 					fill="#F3BAFD"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
-				<path d="M206.914 74.8926C206.338 74.7988 204.222 74.5444 202.146 75.8435C199.468 77.5176 199.013 80.4238 198.946 80.839C198.638 78.5354 198.33 76.2185 198.021 73.9149L206.633 72.7363L206.901 74.8926H206.914Z" fill="black" />
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M206.914 74.8926C206.338 74.7988 204.222 74.5444 202.146 75.8435C199.468 77.5176 199.013 80.4238 198.946 80.839C198.638 78.5354 198.33 76.2185 198.021 73.9149L206.633 72.7363L206.901 74.8926H206.914Z"
+					fill="black"
+				/>
 				<path
 					d="M215.553 56.8658C215.566 56.9729 215.58 57.0667 215.593 57.1604C215.888 59.9461 215.044 62.4774 213.397 64.5801C213.357 64.6337 213.33 64.6738 213.276 64.714C210.906 67.6336 206.941 69.6961 202.307 70.3122C195.504 71.2363 189.504 69.1336 187.361 64.0176C187.227 63.6694 187.093 63.3211 186.986 62.9595C186.812 62.3703 186.678 61.7542 186.611 61.1113C185.941 55.0176 190.669 49.2319 197.486 47.3703C198.236 47.1694 198.986 47.0087 199.776 46.9015C201.464 46.6738 203.098 46.6872 204.651 46.9417C206.017 47.1426 207.29 47.531 208.482 48.0399C212.272 49.714 215.004 52.8881 215.553 56.8524V56.8658Z"
 					fill="#F3BAFD"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M209.54 73.018L196.442 74.8127C195.504 74.9466 194.634 74.277 194.513 73.3395L194.326 71.8796C194.205 70.9421 194.875 70.0582 195.812 69.9377L208.91 68.143C209.848 68.0091 210.718 68.6788 210.839 69.6163L211.026 71.0761C211.147 72.0136 210.477 72.8975 209.54 73.018Z"
 					fill="#F3BAFD"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M233.325 98.5042L179.66 105.83L178.146 91.6069L231.812 84.2676L233.325 98.5042Z"
 					fill="#F3BAFD"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M233.325 98.5039L179.66 105.83L179.365 101.517L233.03 94.1914L233.325 98.5039Z"
 					fill="black"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
-				<path d="M197.677 57.7778C199.344 55.3424 199.419 52.4943 197.844 51.4164C196.269 50.3385 193.641 51.439 191.974 53.8744C190.307 56.3099 190.233 59.158 191.807 60.2358C193.382 61.3137 196.01 60.2132 197.677 57.7778Z" fill="white" />
-				<path d="M182.513 25.4198C174.718 24.5225 167.299 27.8037 163.749 33.8037C159.397 41.1832 162.839 49.3662 163.682 51.3886C166.026 56.9734 170.031 59.893 172.495 61.835C177.129 65.518 183.075 68.3841 188.848 67.0582C190.281 66.7234 191.7 66.1207 192.745 65.0761C193.79 64.0448 194.446 62.5314 194.205 61.0716C193.937 59.4243 192.665 58.1654 191.459 57.0136C188.687 54.3752 184.321 50.6788 178.602 44.7725" fill="white" />
+					strokeLinejoin="round"
+				/>
+				<path
+					d="M197.677 57.7778C199.344 55.3424 199.419 52.4943 197.844 51.4164C196.269 50.3385 193.641 51.439 191.974 53.8744C190.307 56.3099 190.233 59.158 191.807 60.2358C193.382 61.3137 196.01 60.2132 197.677 57.7778Z"
+					fill="white"
+				/>
+				<path
+					d="M182.513 25.4198C174.718 24.5225 167.299 27.8037 163.749 33.8037C159.397 41.1832 162.839 49.3662 163.682 51.3886C166.026 56.9734 170.031 59.893 172.495 61.835C177.129 65.518 183.075 68.3841 188.848 67.0582C190.281 66.7234 191.7 66.1207 192.745 65.0761C193.79 64.0448 194.446 62.5314 194.205 61.0716C193.937 59.4243 192.665 58.1654 191.459 57.0136C188.687 54.3752 184.321 50.6788 178.602 44.7725"
+					fill="white"
+				/>
 				<path
 					d="M182.513 25.4198C174.718 24.5225 167.299 27.8037 163.749 33.8037C159.397 41.1832 162.839 49.3662 163.682 51.3886C166.026 56.9734 170.031 59.893 172.495 61.835C177.129 65.518 183.075 68.3841 188.848 67.0582C190.281 66.7234 191.7 66.1207 192.745 65.0761C193.79 64.0448 194.446 62.5314 194.205 61.0716C193.937 59.4243 192.665 58.1654 191.459 57.0136C188.687 54.3752 184.321 50.6788 178.602 44.7725"
 					stroke="black"
 					strokeWidth="0.98"
-					strokeMiterlimit="10" />
+					strokeMiterlimit="10"
+				/>
 				<path
 					d="M207.919 32.6784C208.642 31.6873 209.285 30.4016 208.776 29.29C208.2 28.0311 206.54 27.79 205.16 27.7498C200.901 27.6561 196.642 27.9641 192.45 28.6605C190.374 29.0088 188.272 29.4641 186.41 30.4686C184.549 31.473 182.941 33.107 182.392 35.1427C181.843 37.1516 182.486 39.4954 184.133 40.7945C186.584 42.723 193.535 40.8748 196.401 40.2186C200.955 39.1739 205.16 36.4954 207.932 32.6918L207.919 32.6784Z"
 					fill="white"
 					stroke="black"
 					strokeWidth="0.98"
-					strokeMiterlimit="10" />
-				<path d="M277.991 111.161C276.651 94.4195 257.674 76.0447 248.031 67.2456C244.642 64.1518 239.861 60.1339 232.816 57.7768C229.642 56.7188 228.008 56.1831 225.678 56.3706C217.629 57.0268 214.147 65.2768 209.834 63.817C207.919 63.1741 206.928 60.9643 206.647 59.6116C206.044 56.5581 208.294 53.8259 210.142 51.5357C219.45 39.9643 223.321 37.6741 222.624 35.6518C222.022 33.9241 218.754 34.0581 203.727 33.6831C194.044 33.4286 191.031 32.9465 190.241 34.6072C188.941 37.3125 194.62 43.567 197.54 50.8125C197.794 51.4554 198.276 53.0625 198.116 55.0714C197.995 56.5045 197.379 57.9509 196.214 58.8081C194.151 60.3081 191.232 59.4375 188.982 58.2322C180.424 53.6652 174.303 44.8125 173.044 35.1965C172.508 31.1518 173.406 28.9688 174.29 27.5491C176.232 24.4286 180.008 23.1965 180.892 22.9152C205.174 14.9732 223.776 17.6786 223.776 17.6786C260.205 22.9956 299.406 49.5536 305.808 53.9464" fill="url(#paint0_linear_4586_17927)" />
+					strokeMiterlimit="10"
+				/>
+				<path
+					d="M277.991 111.161C276.651 94.4195 257.674 76.0447 248.031 67.2456C244.642 64.1518 239.861 60.1339 232.816 57.7768C229.642 56.7188 228.008 56.1831 225.678 56.3706C217.629 57.0268 214.147 65.2768 209.834 63.817C207.919 63.1741 206.928 60.9643 206.647 59.6116C206.044 56.5581 208.294 53.8259 210.142 51.5357C219.45 39.9643 223.321 37.6741 222.624 35.6518C222.022 33.9241 218.754 34.0581 203.727 33.6831C194.044 33.4286 191.031 32.9465 190.241 34.6072C188.941 37.3125 194.62 43.567 197.54 50.8125C197.794 51.4554 198.276 53.0625 198.116 55.0714C197.995 56.5045 197.379 57.9509 196.214 58.8081C194.151 60.3081 191.232 59.4375 188.982 58.2322C180.424 53.6652 174.303 44.8125 173.044 35.1965C172.508 31.1518 173.406 28.9688 174.29 27.5491C176.232 24.4286 180.008 23.1965 180.892 22.9152C205.174 14.9732 223.776 17.6786 223.776 17.6786C260.205 22.9956 299.406 49.5536 305.808 53.9464"
+					fill="url(#paint0_linear_4586_17927)"
+				/>
 				<path
 					d="M277.991 111.161C276.651 94.4195 257.674 76.0447 248.031 67.2456C244.642 64.1518 239.861 60.134 232.816 57.7768C229.642 56.7188 228.008 56.1831 225.678 56.3706C217.629 57.0268 214.147 65.2768 209.834 63.817C207.919 63.1741 206.928 60.9643 206.647 59.6116C206.044 56.5581 208.294 53.8259 210.142 51.5357C219.45 39.9643 223.321 37.6741 222.624 35.6518C222.022 33.9241 218.754 34.0581 203.727 33.6831C194.044 33.4286 191.031 32.9465 190.241 34.6072C188.941 37.3125 194.62 43.567 197.54 50.8125C197.794 51.4554 198.276 53.0625 198.116 55.0714C197.995 56.5045 197.379 57.9509 196.214 58.8081C194.151 60.3081 191.232 59.4375 188.982 58.2322C180.424 53.6652 174.303 44.8125 173.044 35.1965C172.508 31.1518 173.406 28.9688 174.29 27.5491C176.232 24.4286 180.008 23.1965 180.892 22.9152C205.174 14.9732 223.776 17.6786 223.776 17.6786C260.205 22.9956 299.406 49.5536 305.808 53.9464"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeMiterlimit="10"
-					strokeLinecap="round" />
+					strokeLinecap="round"
+				/>
 				<path
 					d="M63.9731 51.924L64.6428 53.4374C66.4642 59.7722 81.5177 64.5937 97.8436 63.3079C100.83 63.0669 103.87 62.6249 106.884 61.9553C107.647 61.7812 108.411 61.607 109.161 61.4062C127.375 56.8526 140.178 47.7053 138.116 40.5133L137.446 38.9999C135.29 31.4999 114.611 26.1294 95.2052 30.482C75.8124 34.8347 61.8169 44.424 63.9731 51.924Z"
 					fill="white"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M137.031 38.7188C134.875 31.2321 114.196 25.8482 94.7899 30.2009C75.3836 34.5536 61.4149 44.1429 63.5711 51.6429"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M72.7448 38.612L65.8877 34.0049"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M80.1782 34.9021L76.4951 29.1699"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M89.3125 26.8525L91.6429 31.1115"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M101.325 23.0625L101.941 29.0759"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M121.816 23.665L118.2 28.4329"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M134.339 25.5L128.888 30.9509"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					d="M105.274 62.5297C110.742 61.1043 113.315 52.8119 111.02 44.0082C108.725 35.2044 102.432 29.2231 96.9638 30.6486C91.4955 32.074 88.9228 40.3663 91.2177 49.17C93.5125 57.9738 99.8058 63.9551 105.274 62.5297Z"
 					fill="black"
 					stroke="black"
 					strokeWidth="0.98"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					fillRule="evenodd"
 					clipRule="evenodd"
 					d="M356.133 108.751C354.494 96.5202 343.219 87.0537 329.553 87.0537C314.759 87.0537 302.097 97.0984 302.097 114.509C302.097 115.574 302.174 116.607 302.322 117.606C298.757 112.82 293.473 109.822 288.035 109.822C278.419 109.822 271.963 116.947 271.963 126.563C271.963 129.567 272.855 132.589 274.374 135.325C274.323 135.334 274.273 135.344 274.222 135.354C270.063 132.098 264.516 130.112 258.422 130.112C249.083 129.29 237.226 137.593 235.29 148.132C234.888 149.089 234.611 150.152 234.463 151.339C234.205 153.399 235.142 155.195 237.083 156.754C238.272 158.119 239.949 158.961 242.023 159.477C254.385 164.445 280.303 166.071 308.356 166.071C348.17 166.071 357.678 130.081 357.678 121.205C357.678 118.483 357.354 113.673 356.133 108.751ZM306.43 127.174C306.48 127.168 306.53 127.162 306.581 127.155C306.514 127.074 306.447 126.992 306.381 126.909C306.398 126.997 306.414 127.085 306.43 127.174Z"
-					fill="white" />
+					fill="white"
+				/>
 			</g>
 			<defs>
 				<pattern
 					id="pattern0_4586_17927"
 					patternContentUnits="objectBoundingBox"
 					width="1"
-					height="1">
-					<use xlinkHref="#image0_4586_17927" transform="scale(0.00262467 0.00429185)" />
+					height="1"
+				>
+					<use
+						xlinkHref="#image0_4586_17927"
+						transform="scale(0.00262467 0.00429185)"
+					/>
 				</pattern>
 				<linearGradient
 					id="paint0_linear_4586_17927"
@@ -206,25 +270,25 @@ const ConnectModalIcon = () => {
 					y1="62.9463"
 					x2="288.705"
 					y2="69.6428"
-					gradientUnits="userSpaceOnUse">
+					gradientUnits="userSpaceOnUse"
+				>
 					<stop offset="0.291243" stopColor="white" />
-					<stop
-						offset="0.986265"
-						stopColor="white"
-						stopOpacity="0" />
+					<stop offset="0.986265" stopColor="white" stopOpacity="0" />
 				</linearGradient>
 				<clipPath id="clip0_4586_17927">
 					<rect
 						width="375"
 						height="166.071"
 						fill="white"
-						transform="translate(0.0888672)" />
+						transform="translate(0.0888672)"
+					/>
 				</clipPath>
 				<image
 					id="image0_4586_17927"
 					width="381"
 					height="233"
-					xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX0AAADpCAYAAADI+eewAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFUklEQVR4Xu3b0WrjVhRAUav0/39ZfSiCy0WyncROZO21oCSO5enAwPbx0c2yrusNgIZ/Hl0AwHWIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AO32+12W5ZlfXQNn29ZV//OABUmfYhalmWdp3vT/vWZ9IHb7fZ/8Nd1XR5dx2cz6UPYONkLfoPoQ5A1Tte/jy4Armee6k38HSZ9gBDRh7B1XRernhbRh4s7ivp4ZHNb6VjtXJ8jmxBw7zjm/KYg/NfmRi5c3Bh8gcd6BwKOYr+9IWz/7b+aKxF9uLAx6uP+fu/7+SvXZKcPF3K0u392p7+9CZj6r0v04SLmWO9N7M8e0RT967LegQuYb9aOj8evR1O8yHeIPnygLex7u/nt8d5XsN6BD7RN7Huhn6+bf/YMbxLXZdKHD3Q0yY+RHz8FHL2OHtGHDzQerxyDP8d8fuxYJn4jF07uXswfTfjizsxOH07s3pn5e0E/mvCfZf1zXSZ9OKmjUG9vBHtrnb0bvDAy6cMJ3Zvw966bw//odY888//mM7mRCydzL9rLcDZ/vm58TrQ5IvpwEmOwx2iPcd+ee/RJ4KfT/k9fz3mJPpzEM9P5fDJnfgN45s+gTfThpMZpe479/L0buDzLjVz4I0f793urmznur7x5O/Op4Zoc2YQ/8uxkPu/09z4BwLOsd+Bk5un96KYufIfowx/YW8+M+/nxOqHnlUQffsm8phmfm49i3rsWfkL04Y32pvR70/tR4IWfV3EjF95oL9ZHN2OPbuxa7/BKJn14o6OTN3uBF3d+g+jDG+3t7r9y5NJah1cTfXiDo739/LPtBu78/dH18FN+IxdeaDt9853nzxh4nzSuR/Thl8zHMY9u3P4lkb8+p3fgjb563v7dbwTP/B24NpM+vNjeRL/9/Og1r4q9qPOI6MMPjXv6MfhzyOf4fyf0os5PiT68yRz8vcd7nwjgnUQfXmxvehd0zkL04YtM5nwy0QcI8Ru5ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxDyH3IoUtUNxiZ6AAAAAElFTkSuQmCC" />
+					xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX0AAADpCAYAAADI+eewAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFUklEQVR4Xu3b0WrjVhRAUav0/39ZfSiCy0WyncROZO21oCSO5enAwPbx0c2yrusNgIZ/Hl0AwHWIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AOEiD5AiOgDhIg+QIjoA4SIPkCI6AO32+12W5ZlfXQNn29ZV//OABUmfYhalmWdp3vT/vWZ9IHb7fZ/8Nd1XR5dx2cz6UPYONkLfoPoQ5A1Tte/jy4Armee6k38HSZ9gBDRh7B1XRernhbRh4s7ivp4ZHNb6VjtXJ8jmxBw7zjm/KYg/NfmRi5c3Bh8gcd6BwKOYr+9IWz/7b+aKxF9uLAx6uP+fu/7+SvXZKcPF3K0u392p7+9CZj6r0v04SLmWO9N7M8e0RT967LegQuYb9aOj8evR1O8yHeIPnygLex7u/nt8d5XsN6BD7RN7Huhn6+bf/YMbxLXZdKHD3Q0yY+RHz8FHL2OHtGHDzQerxyDP8d8fuxYJn4jF07uXswfTfjizsxOH07s3pn5e0E/mvCfZf1zXSZ9OKmjUG9vBHtrnb0bvDAy6cMJ3Zvw966bw//odY888//mM7mRCydzL9rLcDZ/vm58TrQ5IvpwEmOwx2iPcd+ee/RJ4KfT/k9fz3mJPpzEM9P5fDJnfgN45s+gTfThpMZpe479/L0buDzLjVz4I0f793urmznur7x5O/Op4Zoc2YQ/8uxkPu/09z4BwLOsd+Bk5un96KYufIfowx/YW8+M+/nxOqHnlUQffsm8phmfm49i3rsWfkL04Y32pvR70/tR4IWfV3EjF95oL9ZHN2OPbuxa7/BKJn14o6OTN3uBF3d+g+jDG+3t7r9y5NJah1cTfXiDo739/LPtBu78/dH18FN+IxdeaDt9853nzxh4nzSuR/Thl8zHMY9u3P4lkb8+p3fgjb563v7dbwTP/B24NpM+vNjeRL/9/Og1r4q9qPOI6MMPjXv6MfhzyOf4fyf0os5PiT68yRz8vcd7nwjgnUQfXmxvehd0zkL04YtM5nwy0QcI8Ru5ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxAi+gAhog8QIvoAIaIPECL6ACGiDxDyH3IoUtUNxiZ6AAAAAElFTkSuQmCC"
+				/>
 			</defs>
 		</SvgIcon>
 	);
diff --git a/modules/settings/assets/js/components/connect-modal/index.js b/modules/settings/assets/js/components/connect-modal/index.js
index 51ea0df..eb9befd 100644
--- a/modules/settings/assets/js/components/connect-modal/index.js
+++ b/modules/settings/assets/js/components/connect-modal/index.js
@@ -11,14 +11,14 @@ function ConnectModal() {
 	const { redirectToConnect } = useAuth();
 
 	return (
-		<Modal open={ isOpen }>
+		<Modal open={isOpen}>
 			<Grid
 				container
-				gap={ 2 }
+				gap={2}
 				direction="column"
 				justifyContent="start"
 				alignItems="center"
-				sx={ {
+				sx={{
 					position: 'absolute',
 					top: '50%',
 					left: '50%',
@@ -31,20 +31,22 @@ function ConnectModal() {
 					paddingBottom: 5,
 					textAlign: 'center',
 					borderRadius: '4px',
-				} }>
-				<Box component="div" sx={ { background: '#000', width: '100%', height: '200px' } }></Box>
-				<Typography
-					variant="subtitle1"
-					marginTop={ 5 }
-					marginBottom={ 3 }>
-					{ __( 'Connect plugin on your site!', 'pojo-accessibility' ) }
+				}}
+			>
+				<Box
+					component="div"
+					sx={{ background: '#000', width: '100%', height: '200px' }}
+				></Box>
+				<Typography variant="subtitle1" marginTop={5} marginBottom={3}>
+					{__('Connect plugin on your site!', 'pojo-accessibility')}
 				</Typography>
 				<Button
 					variant="contained"
 					color="info"
 					size="large"
-					onClick={ redirectToConnect }>
-					{ __( 'Connect', 'pojo-accessibility' ) }
+					onClick={redirectToConnect}
+				>
+					{__('Connect', 'pojo-accessibility')}
 				</Button>
 			</Grid>
 		</Modal>
diff --git a/modules/settings/assets/js/components/icon-select/index.js b/modules/settings/assets/js/components/icon-select/index.js
index e85c88f..bf8db60 100644
--- a/modules/settings/assets/js/components/icon-select/index.js
+++ b/modules/settings/assets/js/components/icon-select/index.js
@@ -4,55 +4,69 @@ import Paper from '@elementor/ui/Paper';
 import Radio from '@elementor/ui/Radio';
 import RadioGroup from '@elementor/ui/RadioGroup';
 import Typography from '@elementor/ui/Typography';
-import { AccessibilityControlsIcon, AccessibilityEyeIcon, AccessibilityPersonIcon, AccessibilityTextIcon } from '@ea11y/icons';
+import {
+	AccessibilityControlsIcon,
+	AccessibilityEyeIcon,
+	AccessibilityPersonIcon,
+	AccessibilityTextIcon,
+} from '@ea11y/icons';
 import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
-const IconSelect = ( props ) => {
-	const [ selectedValue, setSelectedValue ] = useState( 'person' );
+const IconSelect = (props) => {
+	const [selectedValue, setSelectedValue] = useState('person');
 	const optionStyle = {
-		color: 'info.main', fontSize: 44,
+		color: 'info.main',
+		fontSize: 44,
 	};
 
 	const options = [
 		{
-			value: 'person', icon: <AccessibilityPersonIcon sx={ optionStyle } />, label: __( 'Accessibility Person Icon', 'pojo-accessibility' ),
+			value: 'person',
+			icon: <AccessibilityPersonIcon sx={optionStyle} />,
+			label: __('Accessibility Person Icon', 'pojo-accessibility'),
 		},
 		{
-			value: 'eye', icon: <AccessibilityEyeIcon sx={ optionStyle } />, label: __( 'Accessibility Eye Icon', 'pojo-accessibility' ),
+			value: 'eye',
+			icon: <AccessibilityEyeIcon sx={optionStyle} />,
+			label: __('Accessibility Eye Icon', 'pojo-accessibility'),
 		},
 		{
-			value: 'text', icon: <AccessibilityTextIcon sx={ optionStyle } />, label: __( 'Accessibility Text Badge Icon', 'pojo-accessibility' ),
+			value: 'text',
+			icon: <AccessibilityTextIcon sx={optionStyle} />,
+			label: __('Accessibility Text Badge Icon', 'pojo-accessibility'),
 		},
 		{
-			value: 'controls', icon: <AccessibilityControlsIcon sx={ optionStyle } />, label: __( 'Accessibility Controls Slider Icon', 'pojo-accessibility' ),
+			value: 'controls',
+			icon: <AccessibilityControlsIcon sx={optionStyle} />,
+			label: __('Accessibility Controls Slider Icon', 'pojo-accessibility'),
 		},
 	];
 
 	return (
 		<FormControl>
 			<FormLabel id="icon-select-radio-buttons-group-label" color="secondary">
-				<Typography variant="subtitle2" marginBottom={ 1 }>
-					{ __( 'Icon', 'pojo-accessibility' ) }
+				<Typography variant="subtitle2" marginBottom={1}>
+					{__('Icon', 'pojo-accessibility')}
 				</Typography>
 			</FormLabel>
 			<RadioGroup
-				{ ...props }
+				{...props}
 				aria-labelledby="icon-select-radio-buttons-group-label"
 				name="icon-select-radio-buttons-group"
-				value={ selectedValue }
-				sx={ {
+				value={selectedValue}
+				sx={{
 					display: 'flex',
 					flexDirection: 'row',
 					gap: 2,
-				} }
+				}}
 			>
-				{ options.map( ( option ) => (
+				{options.map((option) => (
 					<Paper
-						key={ option.value }
+						key={option.value}
 						variant="outlined"
-						onClick={ () => setSelectedValue( option.value ) }
-						sx={ {
+						onClick={() => setSelectedValue(option.value)}
+						sx={{
 							borderRadius: 'md',
 							boxShadow: 'sm',
 							display: 'flex',
@@ -64,18 +78,22 @@ const IconSelect = ( props ) => {
 							p: 2,
 							minWidth: 100,
 							minHeight: 100,
-							borderColor: selectedValue === option.value ? 'info.main' : 'divider',
+							borderColor:
+								selectedValue === option.value ? 'info.main' : 'divider',
 							borderWidth: selectedValue === option.value ? 2 : 1,
 							cursor: 'pointer',
-						} }
-					>{ option.icon }
+						}}
+					>
+						{option.icon}
 						<Radio
-							value={ option.value }
-							sx={ {
-								opacity: 0, position: 'absolute',
-							} } />
+							value={option.value}
+							sx={{
+								opacity: 0,
+								position: 'absolute',
+							}}
+						/>
 					</Paper>
-				) ) }
+				))}
 			</RadioGroup>
 		</FormControl>
 	);
diff --git a/modules/settings/assets/js/components/icon-size/index.js b/modules/settings/assets/js/components/icon-size/index.js
index 7f041a8..b509684 100644
--- a/modules/settings/assets/js/components/icon-size/index.js
+++ b/modules/settings/assets/js/components/icon-size/index.js
@@ -4,44 +4,60 @@ import Paper from '@elementor/ui/Paper';
 import Radio from '@elementor/ui/Radio';
 import RadioGroup from '@elementor/ui/RadioGroup';
 import Typography from '@elementor/ui/Typography';
-import { AccessibilityEyeIcon, AccessibilityPersonIcon, AccessibilityTextIcon } from '@ea11y/icons';
+import {
+	AccessibilityEyeIcon,
+	AccessibilityPersonIcon,
+	AccessibilityTextIcon,
+} from '@ea11y/icons';
 import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
-const IconSize = ( props ) => {
-	const [ selectedValue, setSelectedValue ] = useState( 'medium' );
+const IconSize = (props) => {
+	const [selectedValue, setSelectedValue] = useState('medium');
 	const optionStyle = { color: 'info.main', fontSize: 44 };
 
 	const options = [
-		{ value: 'small', icon: <AccessibilityPersonIcon sx={ optionStyle } />, label: __( 'Accessibility Person Icon', 'pojo-accessibility' ) },
-		{ value: 'medium', icon: <AccessibilityEyeIcon sx={ optionStyle } />, label: __( 'Accessibility Eye Icon', 'pojo-accessibility' ) },
-		{ value: 'large', icon: <AccessibilityTextIcon sx={ optionStyle } />, label: __( 'Accessibility Text Badge Icon', 'pojo-accessibility' ) },
+		{
+			value: 'small',
+			icon: <AccessibilityPersonIcon sx={optionStyle} />,
+			label: __('Accessibility Person Icon', 'pojo-accessibility'),
+		},
+		{
+			value: 'medium',
+			icon: <AccessibilityEyeIcon sx={optionStyle} />,
+			label: __('Accessibility Eye Icon', 'pojo-accessibility'),
+		},
+		{
+			value: 'large',
+			icon: <AccessibilityTextIcon sx={optionStyle} />,
+			label: __('Accessibility Text Badge Icon', 'pojo-accessibility'),
+		},
 	];
 
 	return (
 		<FormControl>
 			<FormLabel id="icon-select-radio-buttons-group-label" color="secondary">
-				<Typography variant="subtitle2" marginBottom={ 1 }>
-					{ __( 'Size', 'pojo-accessibility' ) }
+				<Typography variant="subtitle2" marginBottom={1}>
+					{__('Size', 'pojo-accessibility')}
 				</Typography>
 			</FormLabel>
 			<RadioGroup
-				{ ...props }
+				{...props}
 				aria-labelledby="icon-select-radio-buttons-group-label"
 				name="icon-select-radio-buttons-group"
-				value={ selectedValue }
-				sx={ {
+				value={selectedValue}
+				sx={{
 					display: 'flex',
 					flexDirection: 'row',
 					gap: 2,
-				} }
+				}}
 			>
-				{ options.map( ( option ) => (
+				{options.map((option) => (
 					<Paper
-						key={ option.value }
+						key={option.value}
 						variant="outlined"
-						onClick={ () => setSelectedValue( option.value ) }
-						sx={ {
+						onClick={() => setSelectedValue(option.value)}
+						sx={{
 							borderRadius: 'md',
 							boxShadow: 'sm',
 							display: 'flex',
@@ -53,14 +69,19 @@ const IconSize = ( props ) => {
 							p: 2,
 							minWidth: 100,
 							minHeight: 100,
-							borderColor: selectedValue === option.value ? 'info.main' : 'divider',
+							borderColor:
+								selectedValue === option.value ? 'info.main' : 'divider',
 							borderWidth: selectedValue === option.value ? 2 : 1,
 							cursor: 'pointer',
-						} }
-					>{ option.icon }
-						<Radio value={ option.value } sx={ { opacity: 0, position: 'absolute' } } />
+						}}
+					>
+						{option.icon}
+						<Radio
+							value={option.value}
+							sx={{ opacity: 0, position: 'absolute' }}
+						/>
 					</Paper>
-				) ) }
+				))}
 			</RadioGroup>
 		</FormControl>
 	);
diff --git a/modules/settings/assets/js/components/my-account-menu/index.js b/modules/settings/assets/js/components/my-account-menu/index.js
index d35b0a1..0995398 100644
--- a/modules/settings/assets/js/components/my-account-menu/index.js
+++ b/modules/settings/assets/js/components/my-account-menu/index.js
@@ -8,65 +8,80 @@ import ListItemText from '@elementor/ui/ListItemText';
 import Menu from '@elementor/ui/Menu';
 import MenuItem from '@elementor/ui/MenuItem';
 import Typography from '@elementor/ui/Typography';
-import { bindMenu, bindTrigger, usePopupState } from '@elementor/ui/usePopupState';
-import { useSettings } from '@ea11y/hooks';
 import {
-	CreditCardIcon,
-	UserArrowIcon,
-} from '@ea11y/icons';
+	bindMenu,
+	bindTrigger,
+	usePopupState,
+} from '@elementor/ui/usePopupState';
+import { useSettings } from '@ea11y/hooks';
+import { CreditCardIcon, UserArrowIcon } from '@ea11y/icons';
 import { __ } from '@wordpress/i18n';
 
 const MyAccountMenu = () => {
 	const { openSidebar } = useSettings();
-	const accountMenuState = usePopupState( { variant: 'popover', popupId: 'myAccountMenu' } );
+	const accountMenuState = usePopupState({
+		variant: 'popover',
+		popupId: 'myAccountMenu',
+	});
 	return (
 		<>
 			<List>
-				<ListItemButton { ...bindTrigger( accountMenuState ) } sx={ { justifyContent: 'center' } }>
+				<ListItemButton
+					{...bindTrigger(accountMenuState)}
+					sx={{ justifyContent: 'center' }}
+				>
 					<ListItemIcon>
-						<UserIcon sx={ { color: 'common.black' } } />
+						<UserIcon sx={{ color: 'common.black' }} />
 					</ListItemIcon>
-					<ListItemText primary={ __( 'My Account', 'pojo-accessibility' ) } hidden={ ! openSidebar } />
-					<ListItemIcon sx={ { display: ! openSidebar ? 'none' : 'default' } }>
+					<ListItemText
+						primary={__('My Account', 'pojo-accessibility')}
+						hidden={!openSidebar}
+					/>
+					<ListItemIcon sx={{ display: !openSidebar ? 'none' : 'default' }}>
 						<ChevronDownIcon />
 					</ListItemIcon>
 				</ListItemButton>
 			</List>
 			<Menu
-				{ ...bindMenu( accountMenuState ) }
-				anchorOrigin={ {
+				{...bindMenu(accountMenuState)}
+				anchorOrigin={{
 					vertical: 'top',
 					horizontal: 'center',
-				} }
-				transformOrigin={ {
+				}}
+				transformOrigin={{
 					vertical: 'bottom',
 					horizontal: 'center',
-				} }
-				PaperProps={ { sx: {
-					backgroundColor: 'text.primary',
-				},
-				} }
+				}}
+				PaperProps={{
+					sx: {
+						backgroundColor: 'text.primary',
+					},
+				}}
 			>
-				<MenuItem onClick={ accountMenuState.close } sx={ { gap: 1, width: '225px' } }>
+				<MenuItem
+					onClick={accountMenuState.close}
+					sx={{ gap: 1, width: '225px' }}
+				>
 					<Avatar>JB</Avatar>
-					<Box
-						display="flex"
-						flexDirection="column"
-						gap={ 0 }>
-						<Typography variant="subtitle2" color="common.white">Jack Baueuer</Typography>
-						<Typography variant="caption" color="common.white">jack@bauer.com</Typography>
+					<Box display="flex" flexDirection="column" gap={0}>
+						<Typography variant="subtitle2" color="common.white">
+							Jack Baueuer
+						</Typography>
+						<Typography variant="caption" color="common.white">
+							jack@bauer.com
+						</Typography>
 					</Box>
 				</MenuItem>
-				<MenuItem onClick={ accountMenuState.close }>
-					<UserArrowIcon sx={ { color: 'common.white' } } />
-					<Typography color="common.white" marginLeft={ 1 }>
-						{ __( 'Switch account', 'pojo-accessibility' ) }
+				<MenuItem onClick={accountMenuState.close}>
+					<UserArrowIcon sx={{ color: 'common.white' }} />
+					<Typography color="common.white" marginLeft={1}>
+						{__('Switch account', 'pojo-accessibility')}
 					</Typography>
 				</MenuItem>
-				<MenuItem onClick={ accountMenuState.close }>
-					<CreditCardIcon sx={ { color: 'common.white' } } />
-					<Typography color="common.white" marginLeft={ 1 }>
-						{ __( 'Billing', 'pojo-accessibility' ) }
+				<MenuItem onClick={accountMenuState.close}>
+					<CreditCardIcon sx={{ color: 'common.white' }} />
+					<Typography color="common.white" marginLeft={1}>
+						{__('Billing', 'pojo-accessibility')}
 					</Typography>
 				</MenuItem>
 			</Menu>
diff --git a/modules/settings/assets/js/components/notifications/index.js b/modules/settings/assets/js/components/notifications/index.js
index 28a6024..66cc545 100644
--- a/modules/settings/assets/js/components/notifications/index.js
+++ b/modules/settings/assets/js/components/notifications/index.js
@@ -2,7 +2,7 @@ import Alert from '@elementor/ui/Alert';
 import Snackbar from '@elementor/ui/Snackbar';
 import { useNotificationSettings } from '@ea11y/hooks';
 
-const Notifications = ( { type, message } ) => {
+const Notifications = ({ type, message }) => {
 	const {
 		showNotification,
 		setShowNotification,
@@ -11,24 +11,25 @@ const Notifications = ( { type, message } ) => {
 	} = useNotificationSettings();
 
 	const closeNotification = () => {
-		setShowNotification( ! showNotification );
-		setNotificationMessage( '' );
-		setNotificationType( '' );
+		setShowNotification(!showNotification);
+		setNotificationMessage('');
+		setNotificationType('');
 	};
 
 	return (
 		<Snackbar
-			open={ showNotification }
-			autoHideDuration={ type === 'error' ? 10000 : 2000 }
-			onClose={ closeNotification }
-			anchorOrigin={ { vertical: 'bottom', horizontal: 'right' } }
-			sx={ { zIndex: 99999 } }
+			open={showNotification}
+			autoHideDuration={type === 'error' ? 10000 : 2000}
+			onClose={closeNotification}
+			anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			sx={{ zIndex: 99999 }}
 		>
 			<Alert
-				onClose={ () => setShowNotification( ! showNotification ) }
-				severity={ type }
-				variant="filled" >
-				{ message }
+				onClose={() => setShowNotification(!showNotification)}
+				severity={type}
+				variant="filled"
+			>
+				{message}
 			</Alert>
 		</Snackbar>
 	);
diff --git a/modules/settings/assets/js/components/position-control/index.js b/modules/settings/assets/js/components/position-control/index.js
index fcba18b..eab814a 100644
--- a/modules/settings/assets/js/components/position-control/index.js
+++ b/modules/settings/assets/js/components/position-control/index.js
@@ -6,24 +6,28 @@ import MenuItem from '@elementor/ui/MenuItem';
 import Select from '@elementor/ui/Select';
 import TextField from '@elementor/ui/TextField';
 import { styled } from '@elementor/ui/styles';
-import { usePopupState, bindTrigger, bindMenu } from '@elementor/ui/usePopupState';
+import {
+	usePopupState,
+	bindTrigger,
+	bindMenu,
+} from '@elementor/ui/usePopupState';
 import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
-const units = [ 'PX', 'REM', 'EM' ];
+const units = ['PX', 'REM', 'EM'];
 
 const horizontalOptions = [
-	{ value: 'to-left', label: __( 'To the left', 'pojo-accessibility' ) },
-	{ value: 'to-right', label: __( 'To the right', 'pojo-accessibility' ) },
+	{ value: 'to-left', label: __('To the left', 'pojo-accessibility') },
+	{ value: 'to-right', label: __('To the right', 'pojo-accessibility') },
 ];
 
 const verticalOptions = [
-	{ value: 'higher', label: __( 'Higher', 'pojo-accessibility' ) },
-	{ value: 'lower', label: __( 'Lower', 'pojo-accessibility' ) },
+	{ value: 'higher', label: __('Higher', 'pojo-accessibility') },
+	{ value: 'lower', label: __('Lower', 'pojo-accessibility') },
 ];
 
 // Customization for the WP admin global CSS.
-const StyledTextField = styled( TextField )( () => ( {
+const StyledTextField = styled(TextField)(() => ({
 	width: '200px',
 	'.wp-admin & .MuiInputBase-input, & .MuiInputBase-input:focus': {
 		backgroundColor: 'initial',
@@ -37,64 +41,68 @@ const StyledTextField = styled( TextField )( () => ( {
 		},
 		height: '56px',
 	},
-} ) );
+}));
 
-const PositionControl = ( { type, disabled }, props ) => {
-	const [ unitsIndex, setUnitsIndex ] = useState( 0 );
-	const popupState = usePopupState( {
+const PositionControl = ({ type, disabled }, props) => {
+	const [unitsIndex, setUnitsIndex] = useState(0);
+	const popupState = usePopupState({
 		variant: 'popover',
 		popupId: 'textfield-inner-selection',
-	} );
+	});
 
-	const handleMenuItemClick = ( index ) => {
-		setUnitsIndex( index );
+	const handleMenuItemClick = (index) => {
+		setUnitsIndex(index);
 		popupState.close();
 	};
 
-	const [ position, setPosition ] = useState( 10 );
-	const handlePositionChange = ( event ) => setPosition( event.target.value );
+	const [position, setPosition] = useState(10);
+	const handlePositionChange = (event) => setPosition(event.target.value);
 
 	return (
-		<Box
-			display="flex"
-			gap={ 1 }
-			marginTop={ 2 }>
+		<Box display="flex" gap={1} marginTop={2}>
 			<StyledTextField
-				{ ...props }
+				{...props}
 				size="medium"
-				disabled={ disabled }
-				value={ position }
-				onChange={ handlePositionChange }
-				InputProps={ {
+				disabled={disabled}
+				value={position}
+				onChange={handlePositionChange}
+				InputProps={{
 					endAdornment: (
 						<InputAdornment position="end">
 							<Button
 								size="small"
 								color="inherit"
-								sx={ { font: 'inherit', minWidth: 'initial' } }
-								{ ...bindTrigger( popupState ) }
+								sx={{ font: 'inherit', minWidth: 'initial' }}
+								{...bindTrigger(popupState)}
 							>
-								{ units[ unitsIndex ] }
+								{units[unitsIndex]}
 							</Button>
 
-							<Menu MenuListProps={ { dense: true } } { ...bindMenu( popupState ) }>
-								{ units.map( ( unit, index ) => (
-									<MenuItem key={ unit } onClick={ () => handleMenuItemClick( index ) }>
-										{ unit }
+							<Menu MenuListProps={{ dense: true }} {...bindMenu(popupState)}>
+								{units.map((unit, index) => (
+									<MenuItem
+										key={unit}
+										onClick={() => handleMenuItemClick(index)}
+									>
+										{unit}
 									</MenuItem>
-								) ) }
+								))}
 							</Menu>
 						</InputAdornment>
 					),
-				} }
+				}}
 			/>
 			<Select
-				{ ...props }
+				{...props}
 				fullWidth
 				labelId="input-select-label"
-				disabled={ disabled }
-				defaultValue={ 'horizontal' === type ? horizontalOptions[ 0 ].value : verticalOptions[ 0 ].value }
-				MenuProps={ {
+				disabled={disabled}
+				defaultValue={
+					'horizontal' === type
+						? horizontalOptions[0].value
+						: verticalOptions[0].value
+				}
+				MenuProps={{
 					MenuListProps: {
 						sx: {
 							minWidth: 150,
@@ -108,19 +116,19 @@ const PositionControl = ( { type, disabled }, props ) => {
 						vertical: 'top',
 						horizontal: 'left',
 					},
-				} }
+				}}
 			>
-				{
-					type === 'horizontal' ? horizontalOptions.map( ( option ) => (
-						<MenuItem key={ option.value } value={ option.value }>
-							{ option.label }
-						</MenuItem>
-					) ) : verticalOptions.map( ( option ) => (
-						<MenuItem key={ option.value } value={ option.value }>
-							{ option.label }
-						</MenuItem>
-					) )
-				}
+				{type === 'horizontal'
+					? horizontalOptions.map((option) => (
+							<MenuItem key={option.value} value={option.value}>
+								{option.label}
+							</MenuItem>
+						))
+					: verticalOptions.map((option) => (
+							<MenuItem key={option.value} value={option.value}>
+								{option.label}
+							</MenuItem>
+						))}
 			</Select>
 		</Box>
 	);
diff --git a/modules/settings/assets/js/components/sidebar-app-bar/index.js b/modules/settings/assets/js/components/sidebar-app-bar/index.js
index b8ce254..fa44c5c 100644
--- a/modules/settings/assets/js/components/sidebar-app-bar/index.js
+++ b/modules/settings/assets/js/components/sidebar-app-bar/index.js
@@ -10,26 +10,30 @@ import { __ } from '@wordpress/i18n';
 const SidebarAppBar = () => {
 	const { openSidebar, setOpenSidebar } = useSettings();
 
-	return ( <AppBar position="static" color="transparent" >
-		<Toolbar disableGutters sx={ { justifyContent: 'space-between' } } >
-			<Box
-				display="flex"
-				alignItems="center"
-				justifyContent="center"
-				p={ 1 }>
-				<ElementorLogo />
-				<Typography
-					variant="h6"
-					marginLeft={ 1 }
-					display={ ! openSidebar ? 'none' : 'inherit' }>
-					{ __( 'Accessibility', 'pojo-accessibility' ) }
-				</Typography>
-			</Box>
-			<IconButton color="inherit" onClick={ () => setOpenSidebar( ! openSidebar ) }>
-				<SquareRoundedChevronsLeft sx={ { rotate: ! openSidebar ? '180deg' : '0' } } />
-			</IconButton>
-		</Toolbar>
-	</AppBar> );
+	return (
+		<AppBar position="static" color="transparent">
+			<Toolbar disableGutters sx={{ justifyContent: 'space-between' }}>
+				<Box display="flex" alignItems="center" justifyContent="center" p={1}>
+					<ElementorLogo />
+					<Typography
+						variant="h6"
+						marginLeft={1}
+						display={!openSidebar ? 'none' : 'inherit'}
+					>
+						{__('Accessibility', 'pojo-accessibility')}
+					</Typography>
+				</Box>
+				<IconButton
+					color="inherit"
+					onClick={() => setOpenSidebar(!openSidebar)}
+				>
+					<SquareRoundedChevronsLeft
+						sx={{ rotate: !openSidebar ? '180deg' : '0' }}
+					/>
+				</IconButton>
+			</Toolbar>
+		</AppBar>
+	);
 };
 
 export default SidebarAppBar;
diff --git a/modules/settings/assets/js/components/sidebar-menu/index.js b/modules/settings/assets/js/components/sidebar-menu/index.js
index a2d1129..1e226d1 100644
--- a/modules/settings/assets/js/components/sidebar-menu/index.js
+++ b/modules/settings/assets/js/components/sidebar-menu/index.js
@@ -10,61 +10,70 @@ import { MenuItems } from './menu';
 
 const SidebarMenu = () => {
 	const { openSidebar, selectedMenu, setSelectedMenu } = useSettings();
-	const [ expandedItems, setExpandedItems ] = useState( { widget: true } );
+	const [expandedItems, setExpandedItems] = useState({ widget: true });
 
-	const handleSelectedMenu = ( parentKey, childKey ) => {
-		if ( childKey ) {
-			setSelectedMenu( { parent: parentKey, child: childKey } );
+	const handleSelectedMenu = (parentKey, childKey) => {
+		if (childKey) {
+			setSelectedMenu({ parent: parentKey, child: childKey });
 		} else {
-			setSelectedMenu( { parent: parentKey, child: null } );
+			setSelectedMenu({ parent: parentKey, child: null });
 		}
 	};
 
-	const handleToggleItem = ( itemName ) => {
-		setExpandedItems( ( prev ) => ( {
+	const handleToggleItem = (itemName) => {
+		setExpandedItems((prev) => ({
 			...prev,
-			[ itemName ]: ! prev[ itemName ], // Toggle the expanded state for the clicked item
-		} ) );
+			[itemName]: !prev[itemName], // Toggle the expanded state for the clicked item
+		}));
 	};
-	return ( <List>
-		{ Object.entries( MenuItems ).map( ( [ key, item ] ) => (
-			<>
-				<ListItem key={ key } disableGutters>
-					<ListItemButton
-						onClick={ () => item.children ? handleToggleItem( key ) : handleSelectedMenu( key ) }
-						sx={ { justifyContent: 'center' } }
-						selected={ key === selectedMenu.parent && ( ! selectedMenu.child || ! openSidebar ) }
-					>
-						<ListItemIcon>{ item.icon }</ListItemIcon>
-						<ListItemText primary={ item.name } hidden={ ! openSidebar } />
-						{ item.children && (
-							<ListItemIcon sx={ { display: ! openSidebar ? 'none' : 'default' } }>
-								<ChevronDownIcon sx={ { rotate: expandedItems[ key ] ? '180deg' : '0' } } />
-							</ListItemIcon>
-						) }
-					</ListItemButton>
-				</ListItem>
-				{ item.children && expandedItems[ key ] && (
-					<List component="div" disablePadding>
-						{ Object.entries( item.children ).map( ( [ childKey, child ] ) => (
-							<ListItem
-								key={ childKey }
-								sx={ { py: 0 } }
-								hidden={ ! openSidebar }>
-								<ListItemButton
-									sx={ { py: 0 } }
-									hidden={ ! openSidebar }
-									selected={ childKey === selectedMenu.child && openSidebar }
-									onClick={ () => handleSelectedMenu( key, childKey ) }>
-									<ListItemText primary={ child.name } hidden={ ! openSidebar } />
-								</ListItemButton>
-							</ListItem>
-						) ) }
-					</List>
-				) }
-			</>
-		) ) }
-	</List> );
+	return (
+		<List>
+			{Object.entries(MenuItems).map(([key, item]) => (
+				<>
+					<ListItem key={key} disableGutters>
+						<ListItemButton
+							onClick={() =>
+								item.children ? handleToggleItem(key) : handleSelectedMenu(key)
+							}
+							sx={{ justifyContent: 'center' }}
+							selected={
+								key === selectedMenu.parent &&
+								(!selectedMenu.child || !openSidebar)
+							}
+						>
+							<ListItemIcon>{item.icon}</ListItemIcon>
+							<ListItemText primary={item.name} hidden={!openSidebar} />
+							{item.children && (
+								<ListItemIcon
+									sx={{ display: !openSidebar ? 'none' : 'default' }}
+								>
+									<ChevronDownIcon
+										sx={{ rotate: expandedItems[key] ? '180deg' : '0' }}
+									/>
+								</ListItemIcon>
+							)}
+						</ListItemButton>
+					</ListItem>
+					{item.children && expandedItems[key] && (
+						<List component="div" disablePadding>
+							{Object.entries(item.children).map(([childKey, child]) => (
+								<ListItem key={childKey} sx={{ py: 0 }} hidden={!openSidebar}>
+									<ListItemButton
+										sx={{ py: 0 }}
+										hidden={!openSidebar}
+										selected={childKey === selectedMenu.child && openSidebar}
+										onClick={() => handleSelectedMenu(key, childKey)}
+									>
+										<ListItemText primary={child.name} hidden={!openSidebar} />
+									</ListItemButton>
+								</ListItem>
+							))}
+						</List>
+					)}
+				</>
+			))}
+		</List>
+	);
 };
 
 export default SidebarMenu;
diff --git a/modules/settings/assets/js/components/sidebar-menu/menu.js b/modules/settings/assets/js/components/sidebar-menu/menu.js
index 9f82b18..9f46c05 100644
--- a/modules/settings/assets/js/components/sidebar-menu/menu.js
+++ b/modules/settings/assets/js/components/sidebar-menu/menu.js
@@ -5,24 +5,24 @@ import { AccessibilityStatement, Menu, IconSettings } from '../../pages';
 
 export const MenuItems = {
 	widget: {
-		name: __( 'Widget', 'pojo-accessibility' ),
+		name: __('Widget', 'pojo-accessibility'),
 		key: 'widget',
 		icon: <WidgetIcon />,
 		children: {
 			iconSettings: {
-				name: __( 'Icon Settings', 'pojo-accessibility' ),
+				name: __('Icon Settings', 'pojo-accessibility'),
 				key: 'icon-settings',
 				page: <IconSettings />,
 			},
 			menu: {
-				name: __( 'Menu', 'pojo-accessibility' ),
+				name: __('Menu', 'pojo-accessibility'),
 				key: 'menu',
 				page: <Menu />,
 			},
 		},
 	},
 	accessibilityStatement: {
-		name: __( 'Accessibility Statement', 'pojo-accessibility' ),
+		name: __('Accessibility Statement', 'pojo-accessibility'),
 		key: 'accessibility-statement',
 		page: <AccessibilityStatement />,
 		icon: <PagesIcon />,
diff --git a/modules/settings/assets/js/contexts/plugin-settings-context.js b/modules/settings/assets/js/contexts/plugin-settings-context.js
index 54d028f..60cabe0 100644
--- a/modules/settings/assets/js/contexts/plugin-settings-context.js
+++ b/modules/settings/assets/js/contexts/plugin-settings-context.js
@@ -1,40 +1,50 @@
-import { createContext, useCallback, useContext, useEffect, useState } from '@wordpress/element';
+import {
+	createContext,
+	useCallback,
+	useContext,
+	useEffect,
+	useState,
+} from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import API from '../api';
 import { useToastNotification } from '../hooks';
 
-const PluginSettingsContext = createContext( {} );
+const PluginSettingsContext = createContext({});
 
-export const PluginSettingsProvider = ( { children } ) => {
+export const PluginSettingsProvider = ({ children }) => {
 	const { error } = useToastNotification();
-	const [ pluginSettings, setPluginSettings ] = useState();
-	const [ loaded, setLoaded ] = useState( false );
+	const [pluginSettings, setPluginSettings] = useState();
+	const [loaded, setLoaded] = useState(false);
 
-	const refreshPluginSettings = useCallback( () => {
-		API.getPluginSettings().then( ( settings ) => {
-			if ( 'isConnected' in settings ) {
-				settings.isConnected = Boolean( settings.isConnected );
-			}
+	const refreshPluginSettings = useCallback(() => {
+		API.getPluginSettings()
+			.then((settings) => {
+				if ('isConnected' in settings) {
+					settings.isConnected = Boolean(settings.isConnected);
+				}
 
-			setPluginSettings( settings );
-			setLoaded( true );
-		} ).catch( () => {
-			error( __( 'An error occurred.', 'pojo-accessibility' ) );
-			setLoaded( true );
-		} );
-	}, [] );
+				setPluginSettings(settings);
+				setLoaded(true);
+			})
+			.catch(() => {
+				error(__('An error occurred.', 'pojo-accessibility'));
+				setLoaded(true);
+			});
+	}, []);
 
-	useEffect( () => {
+	useEffect(() => {
 		refreshPluginSettings();
-	}, [ refreshPluginSettings ] );
+	}, [refreshPluginSettings]);
 
 	return (
-		<PluginSettingsContext.Provider value={ { ...pluginSettings, loaded, refreshPluginSettings } }>
-			{ children }
+		<PluginSettingsContext.Provider
+			value={{ ...pluginSettings, loaded, refreshPluginSettings }}
+		>
+			{children}
 		</PluginSettingsContext.Provider>
 	);
 };
 
 export const usePluginSettingsContext = () => {
-	return useContext( PluginSettingsContext );
+	return useContext(PluginSettingsContext);
 };
diff --git a/modules/settings/assets/js/contexts/plugin-settings.js b/modules/settings/assets/js/contexts/plugin-settings.js
index 54d028f..60cabe0 100644
--- a/modules/settings/assets/js/contexts/plugin-settings.js
+++ b/modules/settings/assets/js/contexts/plugin-settings.js
@@ -1,40 +1,50 @@
-import { createContext, useCallback, useContext, useEffect, useState } from '@wordpress/element';
+import {
+	createContext,
+	useCallback,
+	useContext,
+	useEffect,
+	useState,
+} from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import API from '../api';
 import { useToastNotification } from '../hooks';
 
-const PluginSettingsContext = createContext( {} );
+const PluginSettingsContext = createContext({});
 
-export const PluginSettingsProvider = ( { children } ) => {
+export const PluginSettingsProvider = ({ children }) => {
 	const { error } = useToastNotification();
-	const [ pluginSettings, setPluginSettings ] = useState();
-	const [ loaded, setLoaded ] = useState( false );
+	const [pluginSettings, setPluginSettings] = useState();
+	const [loaded, setLoaded] = useState(false);
 
-	const refreshPluginSettings = useCallback( () => {
-		API.getPluginSettings().then( ( settings ) => {
-			if ( 'isConnected' in settings ) {
-				settings.isConnected = Boolean( settings.isConnected );
-			}
+	const refreshPluginSettings = useCallback(() => {
+		API.getPluginSettings()
+			.then((settings) => {
+				if ('isConnected' in settings) {
+					settings.isConnected = Boolean(settings.isConnected);
+				}
 
-			setPluginSettings( settings );
-			setLoaded( true );
-		} ).catch( () => {
-			error( __( 'An error occurred.', 'pojo-accessibility' ) );
-			setLoaded( true );
-		} );
-	}, [] );
+				setPluginSettings(settings);
+				setLoaded(true);
+			})
+			.catch(() => {
+				error(__('An error occurred.', 'pojo-accessibility'));
+				setLoaded(true);
+			});
+	}, []);
 
-	useEffect( () => {
+	useEffect(() => {
 		refreshPluginSettings();
-	}, [ refreshPluginSettings ] );
+	}, [refreshPluginSettings]);
 
 	return (
-		<PluginSettingsContext.Provider value={ { ...pluginSettings, loaded, refreshPluginSettings } }>
-			{ children }
+		<PluginSettingsContext.Provider
+			value={{ ...pluginSettings, loaded, refreshPluginSettings }}
+		>
+			{children}
 		</PluginSettingsContext.Provider>
 	);
 };
 
 export const usePluginSettingsContext = () => {
-	return useContext( PluginSettingsContext );
+	return useContext(PluginSettingsContext);
 };
diff --git a/modules/settings/assets/js/hooks/use-auth.js b/modules/settings/assets/js/hooks/use-auth.js
index 791ec33..174568e 100644
--- a/modules/settings/assets/js/hooks/use-auth.js
+++ b/modules/settings/assets/js/hooks/use-auth.js
@@ -7,7 +7,7 @@ export const useAuth = () => {
 	const redirectToConnect = async () => {
 		const link = await getConnectLink();
 
-		window.open( link, '_self' ).focus();
+		window.open(link, '_self').focus();
 	};
 
 	const getConnectLink = async () => {
@@ -15,9 +15,9 @@ export const useAuth = () => {
 	};
 
 	const getUpgradeLink = () => {
-		const url = new URL( UPGRADE_LINK );
+		const url = new URL(UPGRADE_LINK);
 
-		url.searchParams.append( 'subscription_id', subscriptionId );
+		url.searchParams.append('subscription_id', subscriptionId);
 
 		return url.toString();
 	};
diff --git a/modules/settings/assets/js/hooks/use-modal.js b/modules/settings/assets/js/hooks/use-modal.js
index 19aaaaf..e43b966 100644
--- a/modules/settings/assets/js/hooks/use-modal.js
+++ b/modules/settings/assets/js/hooks/use-modal.js
@@ -1,14 +1,14 @@
 import { useState } from '@wordpress/element';
 
-export const useModal = ( defaultIsOpen = true ) => {
-	const [ isOpen, setIsOpen ] = useState( defaultIsOpen );
+export const useModal = (defaultIsOpen = true) => {
+	const [isOpen, setIsOpen] = useState(defaultIsOpen);
 
 	const open = () => {
-		setIsOpen( true );
+		setIsOpen(true);
 	};
 
 	const close = () => {
-		setIsOpen( false );
+		setIsOpen(false);
 	};
 
 	return {
diff --git a/modules/settings/assets/js/hooks/use-notifications.js b/modules/settings/assets/js/hooks/use-notifications.js
index 0ea7558..97471ec 100644
--- a/modules/settings/assets/js/hooks/use-notifications.js
+++ b/modules/settings/assets/js/hooks/use-notifications.js
@@ -1,49 +1,46 @@
 import { useState, createContext, useContext } from '@wordpress/element';
 
-const NotificationsContext = createContext( undefined );
+const NotificationsContext = createContext(undefined);
 
 export function useNotificationSettings() {
-	return useContext( NotificationsContext );
+	return useContext(NotificationsContext);
 }
 
-export const NotificationsProvider = ( { children } ) => {
-	const [ showNotification, setShowNotification ] = useState( false );
-	const [ notificationMessage, setNotificationMessage ] = useState( '' );
-	const [ notificationType, setNotificationType ] = useState( '' );
+export const NotificationsProvider = ({ children }) => {
+	const [showNotification, setShowNotification] = useState(false);
+	const [notificationMessage, setNotificationMessage] = useState('');
+	const [notificationType, setNotificationType] = useState('');
 
 	return (
 		<NotificationsContext.Provider
-			value={ {
+			value={{
 				showNotification,
 				setShowNotification,
 				notificationMessage,
 				setNotificationMessage,
 				notificationType,
 				setNotificationType,
-			} }
+			}}
 		>
-			{ children }
+			{children}
 		</NotificationsContext.Provider>
 	);
 };
 
 export const useToastNotification = () => {
-	const {
-		setNotificationMessage,
-		setNotificationType,
-		setShowNotification,
-	} = useContext( NotificationsContext );
-
-	const error = ( message ) => {
-		setNotificationMessage( message );
-		setNotificationType( 'error' );
-		setShowNotification( true );
+	const { setNotificationMessage, setNotificationType, setShowNotification } =
+		useContext(NotificationsContext);
+
+	const error = (message) => {
+		setNotificationMessage(message);
+		setNotificationType('error');
+		setShowNotification(true);
 	};
 
-	const success = ( message ) => {
-		setNotificationMessage( message );
-		setNotificationType( 'success' );
-		setShowNotification( true );
+	const success = (message) => {
+		setNotificationMessage(message);
+		setNotificationType('success');
+		setShowNotification(true);
 	};
 
 	return {
diff --git a/modules/settings/assets/js/hooks/use-settings.js b/modules/settings/assets/js/hooks/use-settings.js
index 7c58be8..700ca92 100644
--- a/modules/settings/assets/js/hooks/use-settings.js
+++ b/modules/settings/assets/js/hooks/use-settings.js
@@ -3,25 +3,28 @@ import { useState, createContext, useContext } from '@wordpress/element';
 /**
  * Context Component.
  */
-const SettingsContext = createContext( null );
+const SettingsContext = createContext(null);
 
 export function useSettings() {
-	return useContext( SettingsContext );
+	return useContext(SettingsContext);
 }
 
-export const SettingsProvider = ( { children } ) => {
-	const [ openSidebar, setOpenSidebar ] = useState( true );
-	const [ selectedMenu, setSelectedMenu ] = useState( { parent: 'widget', child: 'iconSettings' } );
+export const SettingsProvider = ({ children }) => {
+	const [openSidebar, setOpenSidebar] = useState(true);
+	const [selectedMenu, setSelectedMenu] = useState({
+		parent: 'widget',
+		child: 'iconSettings',
+	});
 	return (
 		<SettingsContext.Provider
-			value={ {
+			value={{
 				openSidebar,
 				setOpenSidebar,
 				selectedMenu,
 				setSelectedMenu,
-			} }
+			}}
 		>
-			{ children }
+			{children}
 		</SettingsContext.Provider>
 	);
 };
diff --git a/modules/settings/assets/js/hooks/use-storage.js b/modules/settings/assets/js/hooks/use-storage.js
index 2377512..814a0ba 100644
--- a/modules/settings/assets/js/hooks/use-storage.js
+++ b/modules/settings/assets/js/hooks/use-storage.js
@@ -2,8 +2,8 @@ import { store as coreDataStore } from '@wordpress/core-data';
 import { dispatch } from '@wordpress/data';
 
 export const useStorage = () => {
-	const save = async ( data ) => {
-		return await dispatch( coreDataStore ).saveEntityRecord( 'root', 'site', data );
+	const save = async (data) => {
+		return await dispatch(coreDataStore).saveEntityRecord('root', 'site', data);
 	};
 
 	return {
diff --git a/modules/settings/assets/js/icons/accessibility-controls.js b/modules/settings/assets/js/icons/accessibility-controls.js
index 6aa3b14..fbcbefd 100644
--- a/modules/settings/assets/js/icons/accessibility-controls.js
+++ b/modules/settings/assets/js/icons/accessibility-controls.js
@@ -1,25 +1,22 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-function AccessibilityControlsIcon( props ) {
+function AccessibilityControlsIcon(props) {
 	return (
 		<SvgIcon
 			viewBox="0 0 64 64"
 			fill="none"
 			fontSize="large"
-			sx={ { marginRight: 1 } }
-			{ ...props }
+			sx={{ marginRight: 1 }}
+			{...props}
 		>
-			<circle
-				cx="32"
-				cy="32"
-				r="32" />
+			<circle cx="32" cy="32" r="32" />
 			<path
 				d="M31.4998 25.4993C31.4998 26.1182 31.7457 26.7117 32.1833 27.1493C32.6208 27.5869 33.2143 27.8327 33.8332 27.8327C34.452 27.8327 35.0455 27.5869 35.4831 27.1493C35.9207 26.7117 36.1665 26.1182 36.1665 25.4993M31.4998 25.4993C31.4998 24.8805 31.7457 24.287 32.1833 23.8494C32.6208 23.4118 33.2143 23.166 33.8332 23.166C34.452 23.166 35.0455 23.4118 35.4831 23.8494C35.9207 24.287 36.1665 24.8805 36.1665 25.4993M31.4998 25.4993H22.1665M36.1665 25.4993H40.8332M24.4998 32.4993C24.4998 33.1182 24.7457 33.7117 25.1833 34.1493C25.6208 34.5869 26.2143 34.8327 26.8332 34.8327C27.452 34.8327 28.0455 34.5869 28.4831 34.1493C28.9207 33.7117 29.1665 33.1182 29.1665 32.4993M24.4998 32.4993C24.4998 31.8805 24.7457 31.287 25.1833 30.8494C25.6208 30.4118 26.2143 30.166 26.8332 30.166C27.452 30.166 28.0455 30.4118 28.4831 30.8494C28.9207 31.287 29.1665 31.8805 29.1665 32.4993M24.4998 32.4993H22.1665M29.1665 32.4993H40.8332M34.9998 39.4993C34.9998 40.1182 35.2457 40.7117 35.6833 41.1493C36.1208 41.5868 36.7143 41.8327 37.3332 41.8327C37.952 41.8327 38.5455 41.5868 38.9831 41.1493C39.4207 40.7117 39.6665 40.1182 39.6665 39.4993M34.9998 39.4993C34.9998 38.8805 35.2457 38.287 35.6833 37.8494C36.1208 37.4118 36.7143 37.166 37.3332 37.166C37.952 37.166 38.5455 37.4118 38.9831 37.8494C39.4207 38.287 39.6665 38.8805 39.6665 39.4993M34.9998 39.4993H22.1665M39.6665 39.4993H40.8332M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32Z"
 				stroke="white"
 				strokeWidth="3"
 				strokeLinecap="round"
-				strokeLinejoin="round" />
-
+				strokeLinejoin="round"
+			/>
 		</SvgIcon>
 	);
 }
diff --git a/modules/settings/assets/js/icons/accessibility-eye.js b/modules/settings/assets/js/icons/accessibility-eye.js
index cdeda1f..9c1d63b 100644
--- a/modules/settings/assets/js/icons/accessibility-eye.js
+++ b/modules/settings/assets/js/icons/accessibility-eye.js
@@ -1,25 +1,23 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-function AccessibilityEyeIcon( props ) {
+function AccessibilityEyeIcon(props) {
 	return (
 		<SvgIcon
 			viewBox="0 0 64 64"
 			fill="none"
 			fontSize="large"
-			sx={ { marginRight: 1 } }
-			{ ...props }
+			sx={{ marginRight: 1 }}
+			{...props}
 		>
-			<circle
-				cx="32"
-				cy="32"
-				r="32" />
+			<circle cx="32" cy="32" r="32" />
 			<g clipPath="url(#clip0_3940_26698)">
 				<path
 					d="M30.3492 30.3515C29.9116 30.7892 29.6659 31.3827 29.666 32.0016C29.6661 32.6204 29.9121 33.2139 30.3497 33.6514C30.7874 34.0889 31.381 34.3347 31.9998 34.3346C32.6187 34.3345 33.2121 34.0885 33.6497 33.6508M37.4612 37.4518C35.8246 38.4758 33.9304 39.0127 32 39C27.8 39 24.3 36.6667 21.5 32C22.984 29.5267 24.664 27.709 26.54 26.547M29.8767 25.21C30.5755 25.0685 31.2869 24.9982 32 25C36.2 25 39.7 27.3333 42.5 32C41.723 33.295 40.8912 34.4115 40.0057 35.3483M21.5 21.5L42.5 42.5M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32Z"
 					stroke="white"
 					strokeWidth="3"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 			</g>
 			<defs>
 				<clipPath id="clip0_3940_26698">
@@ -27,7 +25,8 @@ function AccessibilityEyeIcon( props ) {
 						width="48"
 						height="48"
 						fill="white"
-						transform="translate(8 8)" />
+						transform="translate(8 8)"
+					/>
 				</clipPath>
 			</defs>
 		</SvgIcon>
diff --git a/modules/settings/assets/js/icons/accessibility-person.js b/modules/settings/assets/js/icons/accessibility-person.js
index 051c77e..71f5ab1 100644
--- a/modules/settings/assets/js/icons/accessibility-person.js
+++ b/modules/settings/assets/js/icons/accessibility-person.js
@@ -1,25 +1,26 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-function AccessibilityPersonIcon( props ) {
+function AccessibilityPersonIcon(props) {
 	return (
 		<SvgIcon
 			viewBox="0 0 64 64"
 			fill="none"
 			fontSize="large"
-			sx={ { marginRight: 1 } }
-			{ ...props }
+			sx={{ marginRight: 1 }}
+			{...props}
 		>
-			<circle
-				cx="32"
-				cy="32"
-				r="32" />
-			<path d="M32 24C32.6904 24 33.25 23.4404 33.25 22.75C33.25 22.0596 32.6904 21.5 32 21.5C31.3096 21.5 30.75 22.0596 30.75 22.75C30.75 23.4404 31.3096 24 32 24Z" fill="white" />
+			<circle cx="32" cy="32" r="32" />
+			<path
+				d="M32 24C32.6904 24 33.25 23.4404 33.25 22.75C33.25 22.0596 32.6904 21.5 32 21.5C31.3096 21.5 30.75 22.0596 30.75 22.75C30.75 23.4404 31.3096 24 32 24Z"
+				fill="white"
+			/>
 			<path
 				d="M27 43.25L32 35.75M32 35.75L37 43.25M32 35.75V30.75M32 30.75L39.5 28.25M32 30.75L24.5 28.25M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32ZM33.25 22.75C33.25 23.4404 32.6904 24 32 24C31.3096 24 30.75 23.4404 30.75 22.75C30.75 22.0596 31.3096 21.5 32 21.5C32.6904 21.5 33.25 22.0596 33.25 22.75Z"
 				stroke="white"
 				strokeWidth="3"
 				strokeLinecap="round"
-				strokeLinejoin="round" />
+				strokeLinejoin="round"
+			/>
 		</SvgIcon>
 	);
 }
diff --git a/modules/settings/assets/js/icons/accessibility-text.js b/modules/settings/assets/js/icons/accessibility-text.js
index 57f075e..88c81a1 100644
--- a/modules/settings/assets/js/icons/accessibility-text.js
+++ b/modules/settings/assets/js/icons/accessibility-text.js
@@ -1,13 +1,13 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-function AccessibilityTextIcon( props ) {
+function AccessibilityTextIcon(props) {
 	return (
 		<SvgIcon
 			viewBox="0 0 234 140"
 			fill="none"
 			fontSize="large"
-			sx={ { marginRight: 1 } }
-			{ ...props }
+			sx={{ marginRight: 1 }}
+			{...props}
 		>
 			<rect
 				x="0.5"
@@ -16,13 +16,9 @@ function AccessibilityTextIcon( props ) {
 				height="139"
 				rx="3.5"
 				stroke="black"
-				strokeOpacity="0.12" />
-			<rect
-				x="55"
-				y="38"
-				width="124"
-				height="64"
-				rx="4" />
+				strokeOpacity="0.12"
+			/>
+			<rect x="55" y="38" width="124" height="64" rx="4" />
 			<rect
 				x="62.5"
 				y="45.5"
@@ -30,8 +26,12 @@ function AccessibilityTextIcon( props ) {
 				height="49"
 				rx="2.5"
 				stroke="white"
-				strokeWidth="3" />
-			<path d="M76.6406 65.5703L73.5469 75H71.0547L75.2812 63.625H76.8672L76.6406 65.5703ZM79.2109 75L76.1094 65.5703L75.8594 63.625H77.4609L81.7109 75H79.2109ZM79.0703 70.7656V72.6016H73.0625V70.7656H79.0703ZM86.2672 73.3984C86.5432 73.3984 86.788 73.3464 87.0016 73.2422C87.2151 73.1328 87.3818 72.9818 87.5016 72.7891C87.6266 72.5911 87.6917 72.3594 87.6969 72.0938H89.8141C89.8089 72.6875 89.65 73.2161 89.3375 73.6797C89.025 74.138 88.6057 74.5 88.0797 74.7656C87.5536 75.026 86.9651 75.1562 86.3141 75.1562C85.6578 75.1562 85.0849 75.0469 84.5953 74.8281C84.1109 74.6094 83.7073 74.3073 83.3844 73.9219C83.0615 73.5312 82.8193 73.0781 82.6578 72.5625C82.4964 72.0417 82.4156 71.4844 82.4156 70.8906V70.6641C82.4156 70.0651 82.4964 69.5078 82.6578 68.9922C82.8193 68.4714 83.0615 68.0182 83.3844 67.6328C83.7073 67.2422 84.1109 66.9375 84.5953 66.7188C85.0797 66.5 85.6474 66.3906 86.2984 66.3906C86.9911 66.3906 87.5979 66.5234 88.1187 66.7891C88.6448 67.0547 89.0562 67.4349 89.3531 67.9297C89.6552 68.4193 89.8089 69 89.8141 69.6719H87.6969C87.6917 69.3906 87.6318 69.1354 87.5172 68.9062C87.4078 68.6771 87.2464 68.4948 87.0328 68.3594C86.8245 68.2188 86.5667 68.1484 86.2594 68.1484C85.9312 68.1484 85.663 68.2188 85.4547 68.3594C85.2464 68.4948 85.0849 68.6823 84.9703 68.9219C84.8557 69.1562 84.775 69.4245 84.7281 69.7266C84.6865 70.0234 84.6656 70.3359 84.6656 70.6641V70.8906C84.6656 71.2188 84.6865 71.5339 84.7281 71.8359C84.7698 72.138 84.8479 72.4062 84.9625 72.6406C85.0823 72.875 85.2464 73.0599 85.4547 73.1953C85.663 73.3307 85.9339 73.3984 86.2672 73.3984ZM94.7609 73.3984C95.037 73.3984 95.2818 73.3464 95.4953 73.2422C95.7089 73.1328 95.8755 72.9818 95.9953 72.7891C96.1203 72.5911 96.1854 72.3594 96.1906 72.0938H98.3078C98.3026 72.6875 98.1437 73.2161 97.8312 73.6797C97.5187 74.138 97.0995 74.5 96.5734 74.7656C96.0474 75.026 95.4589 75.1562 94.8078 75.1562C94.1516 75.1562 93.5786 75.0469 93.0891 74.8281C92.6047 74.6094 92.201 74.3073 91.8781 73.9219C91.5552 73.5312 91.313 73.0781 91.1516 72.5625C90.9901 72.0417 90.9094 71.4844 90.9094 70.8906V70.6641C90.9094 70.0651 90.9901 69.5078 91.1516 68.9922C91.313 68.4714 91.5552 68.0182 91.8781 67.6328C92.201 67.2422 92.6047 66.9375 93.0891 66.7188C93.5734 66.5 94.1411 66.3906 94.7922 66.3906C95.4849 66.3906 96.0917 66.5234 96.6125 66.7891C97.1385 67.0547 97.55 67.4349 97.8469 67.9297C98.149 68.4193 98.3026 69 98.3078 69.6719H96.1906C96.1854 69.3906 96.1255 69.1354 96.0109 68.9062C95.9016 68.6771 95.7401 68.4948 95.5266 68.3594C95.3182 68.2188 95.0604 68.1484 94.7531 68.1484C94.425 68.1484 94.1568 68.2188 93.9484 68.3594C93.7401 68.4948 93.5786 68.6823 93.4641 68.9219C93.3495 69.1562 93.2687 69.4245 93.2219 69.7266C93.1802 70.0234 93.1594 70.3359 93.1594 70.6641V70.8906C93.1594 71.2188 93.1802 71.5339 93.2219 71.8359C93.2635 72.138 93.3417 72.4062 93.4562 72.6406C93.576 72.875 93.7401 73.0599 93.9484 73.1953C94.1568 73.3307 94.4276 73.3984 94.7609 73.3984ZM103.653 75.1562C102.997 75.1562 102.408 75.0521 101.888 74.8438C101.367 74.6302 100.924 74.3359 100.559 73.9609C100.2 73.5859 99.924 73.151 99.7313 72.6562C99.5385 72.1562 99.4422 71.625 99.4422 71.0625V70.75C99.4422 70.1094 99.5333 69.5234 99.7156 68.9922C99.8979 68.4609 100.158 68 100.497 67.6094C100.841 67.2188 101.257 66.9193 101.747 66.7109C102.236 66.4974 102.789 66.3906 103.403 66.3906C104.002 66.3906 104.533 66.4896 104.997 66.6875C105.46 66.8854 105.848 67.1667 106.161 67.5312C106.479 67.8958 106.718 68.3333 106.88 68.8438C107.041 69.349 107.122 69.9115 107.122 70.5312V71.4688H100.403V69.9688H104.911V69.7969C104.911 69.4844 104.854 69.2057 104.739 68.9609C104.63 68.7109 104.463 68.513 104.239 68.3672C104.015 68.2214 103.729 68.1484 103.38 68.1484C103.083 68.1484 102.828 68.2135 102.614 68.3438C102.401 68.474 102.226 68.6562 102.091 68.8906C101.96 69.125 101.861 69.401 101.794 69.7188C101.731 70.0312 101.7 70.375 101.7 70.75V71.0625C101.7 71.401 101.747 71.7135 101.841 72C101.94 72.2865 102.078 72.5339 102.255 72.7422C102.437 72.9505 102.656 73.112 102.911 73.2266C103.171 73.3411 103.466 73.3984 103.794 73.3984C104.2 73.3984 104.578 73.3203 104.927 73.1641C105.281 73.0026 105.585 72.7604 105.841 72.4375L106.934 73.625C106.757 73.8802 106.515 74.125 106.208 74.3594C105.906 74.5938 105.541 74.7865 105.114 74.9375C104.687 75.0833 104.2 75.1562 103.653 75.1562ZM113.123 72.6641C113.123 72.5026 113.077 72.3568 112.983 72.2266C112.889 72.0964 112.715 71.9766 112.459 71.8672C112.209 71.7526 111.847 71.6484 111.373 71.5547C110.946 71.4609 110.548 71.3438 110.178 71.2031C109.814 71.0573 109.496 70.8828 109.225 70.6797C108.959 70.4766 108.751 70.237 108.6 69.9609C108.449 69.6797 108.373 69.3594 108.373 69C108.373 68.6458 108.449 68.3125 108.6 68C108.756 67.6875 108.978 67.4115 109.264 67.1719C109.556 66.9271 109.91 66.737 110.327 66.6016C110.748 66.4609 111.222 66.3906 111.748 66.3906C112.483 66.3906 113.113 66.5078 113.639 66.7422C114.17 66.9766 114.577 67.2995 114.858 67.7109C115.144 68.1172 115.287 68.5807 115.287 69.1016H113.037C113.037 68.8828 112.991 68.6875 112.897 68.5156C112.808 68.3385 112.668 68.2005 112.475 68.1016C112.287 67.9974 112.043 67.9453 111.741 67.9453C111.491 67.9453 111.274 67.9896 111.092 68.0781C110.91 68.1615 110.769 68.276 110.67 68.4219C110.577 68.5625 110.53 68.7188 110.53 68.8906C110.53 69.0208 110.556 69.138 110.608 69.2422C110.665 69.3411 110.756 69.4323 110.881 69.5156C111.006 69.599 111.168 69.6771 111.366 69.75C111.569 69.8177 111.819 69.8802 112.116 69.9375C112.725 70.0625 113.269 70.2266 113.748 70.4297C114.228 70.6276 114.608 70.8984 114.889 71.2422C115.17 71.5807 115.311 72.026 115.311 72.5781C115.311 72.9531 115.228 73.2969 115.061 73.6094C114.894 73.9219 114.655 74.1953 114.342 74.4297C114.03 74.6589 113.655 74.8385 113.217 74.9688C112.785 75.0938 112.298 75.1562 111.756 75.1562C110.97 75.1562 110.303 75.0156 109.756 74.7344C109.215 74.4531 108.803 74.0964 108.522 73.6641C108.246 73.2266 108.108 72.7786 108.108 72.3203H110.241C110.251 72.6276 110.329 72.875 110.475 73.0625C110.626 73.25 110.816 73.3854 111.045 73.4688C111.28 73.5521 111.532 73.5938 111.803 73.5938C112.095 73.5938 112.337 73.5547 112.53 73.4766C112.722 73.3932 112.868 73.2839 112.967 73.1484C113.071 73.0078 113.123 72.8464 113.123 72.6641ZM121.492 72.6641C121.492 72.5026 121.445 72.3568 121.352 72.2266C121.258 72.0964 121.083 71.9766 120.828 71.8672C120.578 71.7526 120.216 71.6484 119.742 71.5547C119.315 71.4609 118.917 71.3438 118.547 71.2031C118.182 71.0573 117.865 70.8828 117.594 70.6797C117.328 70.4766 117.12 70.237 116.969 69.9609C116.818 69.6797 116.742 69.3594 116.742 69C116.742 68.6458 116.818 68.3125 116.969 68C117.125 67.6875 117.346 67.4115 117.633 67.1719C117.924 66.9271 118.279 66.737 118.695 66.6016C119.117 66.4609 119.591 66.3906 120.117 66.3906C120.852 66.3906 121.482 66.5078 122.008 66.7422C122.539 66.9766 122.945 67.2995 123.227 67.7109C123.513 68.1172 123.656 68.5807 123.656 69.1016H121.406C121.406 68.8828 121.359 68.6875 121.266 68.5156C121.177 68.3385 121.036 68.2005 120.844 68.1016C120.656 67.9974 120.411 67.9453 120.109 67.9453C119.859 67.9453 119.643 67.9896 119.461 68.0781C119.279 68.1615 119.138 68.276 119.039 68.4219C118.945 68.5625 118.898 68.7188 118.898 68.8906C118.898 69.0208 118.924 69.138 118.977 69.2422C119.034 69.3411 119.125 69.4323 119.25 69.5156C119.375 69.599 119.536 69.6771 119.734 69.75C119.938 69.8177 120.188 69.8802 120.484 69.9375C121.094 70.0625 121.638 70.2266 122.117 70.4297C122.596 70.6276 122.977 70.8984 123.258 71.2422C123.539 71.5807 123.68 72.026 123.68 72.5781C123.68 72.9531 123.596 73.2969 123.43 73.6094C123.263 73.9219 123.023 74.1953 122.711 74.4297C122.398 74.6589 122.023 74.8385 121.586 74.9688C121.154 75.0938 120.667 75.1562 120.125 75.1562C119.339 75.1562 118.672 75.0156 118.125 74.7344C117.583 74.4531 117.172 74.0964 116.891 73.6641C116.615 73.2266 116.477 72.7786 116.477 72.3203H118.609C118.62 72.6276 118.698 72.875 118.844 73.0625C118.995 73.25 119.185 73.3854 119.414 73.4688C119.648 73.5521 119.901 73.5938 120.172 73.5938C120.464 73.5938 120.706 73.5547 120.898 73.4766C121.091 73.3932 121.237 73.2839 121.336 73.1484C121.44 73.0078 121.492 72.8464 121.492 72.6641ZM127.666 66.5469V75H125.408V66.5469H127.666ZM125.267 64.3438C125.267 64.0156 125.382 63.7448 125.611 63.5312C125.84 63.3177 126.147 63.2109 126.533 63.2109C126.913 63.2109 127.218 63.3177 127.447 63.5312C127.681 63.7448 127.798 64.0156 127.798 64.3438C127.798 64.6719 127.681 64.9427 127.447 65.1562C127.218 65.3698 126.913 65.4766 126.533 65.4766C126.147 65.4766 125.84 65.3698 125.611 65.1562C125.382 64.9427 125.267 64.6719 125.267 64.3438ZM129.675 63H131.925V73.0625L131.698 75H129.675V63ZM137.277 70.6875V70.8516C137.277 71.4818 137.209 72.0599 137.073 72.5859C136.943 73.112 136.74 73.5677 136.464 73.9531C136.188 74.3333 135.844 74.6302 135.433 74.8438C135.027 75.0521 134.547 75.1562 133.995 75.1562C133.48 75.1562 133.032 75.0521 132.652 74.8438C132.277 74.6354 131.961 74.3411 131.706 73.9609C131.451 73.5807 131.245 73.1354 131.089 72.625C130.933 72.1146 130.816 71.5573 130.737 70.9531V70.5938C130.816 69.9896 130.933 69.4323 131.089 68.9219C131.245 68.4115 131.451 67.9661 131.706 67.5859C131.961 67.2057 132.277 66.9115 132.652 66.7031C133.027 66.4948 133.469 66.3906 133.98 66.3906C134.537 66.3906 135.021 66.4974 135.433 66.7109C135.849 66.9193 136.193 67.2161 136.464 67.6016C136.74 67.9818 136.943 68.4349 137.073 68.9609C137.209 69.4818 137.277 70.0573 137.277 70.6875ZM135.027 70.8516V70.6875C135.027 70.3438 135.001 70.0208 134.948 69.7188C134.902 69.4115 134.818 69.1432 134.698 68.9141C134.579 68.6797 134.415 68.4948 134.206 68.3594C134.003 68.224 133.74 68.1562 133.417 68.1562C133.11 68.1562 132.849 68.2083 132.636 68.3125C132.422 68.4167 132.245 68.5625 132.105 68.75C131.969 68.9375 131.868 69.1615 131.8 69.4219C131.732 69.6771 131.691 69.9583 131.675 70.2656V71.2891C131.691 71.7005 131.758 72.0651 131.878 72.3828C132.003 72.6953 132.191 72.9427 132.441 73.125C132.696 73.3021 133.027 73.3906 133.433 73.3906C133.751 73.3906 134.014 73.3281 134.222 73.2031C134.43 73.0781 134.592 72.901 134.706 72.6719C134.826 72.4427 134.909 72.1745 134.956 71.8672C135.003 71.5547 135.027 71.2161 135.027 70.8516ZM141.2 66.5469V75H138.942V66.5469H141.2ZM138.802 64.3438C138.802 64.0156 138.916 63.7448 139.145 63.5312C139.374 63.3177 139.682 63.2109 140.067 63.2109C140.447 63.2109 140.752 63.3177 140.981 63.5312C141.216 63.7448 141.333 64.0156 141.333 64.3438C141.333 64.6719 141.216 64.9427 140.981 65.1562C140.752 65.3698 140.447 65.4766 140.067 65.4766C139.682 65.4766 139.374 65.3698 139.145 65.1562C138.916 64.9427 138.802 64.6719 138.802 64.3438ZM145.584 63V75H143.327V63H145.584ZM149.969 66.5469V75H147.711V66.5469H149.969ZM147.57 64.3438C147.57 64.0156 147.685 63.7448 147.914 63.5312C148.143 63.3177 148.451 63.2109 148.836 63.2109C149.216 63.2109 149.521 63.3177 149.75 63.5312C149.984 63.7448 150.102 64.0156 150.102 64.3438C150.102 64.6719 149.984 64.9427 149.75 65.1562C149.521 65.3698 149.216 65.4766 148.836 65.4766C148.451 65.4766 148.143 65.3698 147.914 65.1562C147.685 64.9427 147.57 64.6719 147.57 64.3438ZM156.119 66.5469V68.1406H151.197V66.5469H156.119ZM152.416 64.4609H154.666V72.4531C154.666 72.6979 154.697 72.8854 154.759 73.0156C154.827 73.1458 154.926 73.237 155.056 73.2891C155.186 73.3359 155.351 73.3594 155.548 73.3594C155.689 73.3594 155.814 73.3542 155.923 73.3438C156.038 73.3281 156.134 73.3125 156.213 73.2969L156.22 74.9531C156.028 75.0156 155.819 75.0651 155.595 75.1016C155.371 75.138 155.124 75.1562 154.853 75.1562C154.358 75.1562 153.926 75.0755 153.556 74.9141C153.192 74.7474 152.91 74.4818 152.713 74.1172C152.515 73.7526 152.416 73.2734 152.416 72.6797V64.4609ZM160.058 74.0469L162.3 66.5469H164.714L161.316 76.2734C161.243 76.487 161.144 76.7161 161.019 76.9609C160.899 77.2057 160.735 77.4375 160.527 77.6562C160.323 77.8802 160.066 78.0625 159.753 78.2031C159.446 78.3438 159.068 78.4141 158.62 78.4141C158.407 78.4141 158.232 78.401 158.097 78.375C157.961 78.349 157.8 78.3125 157.613 78.2656V76.6172C157.67 76.6172 157.73 76.6172 157.792 76.6172C157.855 76.6224 157.915 76.625 157.972 76.625C158.269 76.625 158.511 76.5911 158.698 76.5234C158.886 76.4557 159.037 76.3516 159.152 76.2109C159.266 76.0755 159.357 75.8984 159.425 75.6797L160.058 74.0469ZM159.12 66.5469L160.956 72.6719L161.277 75.0547L159.745 75.2188L156.706 66.5469H159.12Z" fill="white" />
+				strokeWidth="3"
+			/>
+			<path
+				d="M76.6406 65.5703L73.5469 75H71.0547L75.2812 63.625H76.8672L76.6406 65.5703ZM79.2109 75L76.1094 65.5703L75.8594 63.625H77.4609L81.7109 75H79.2109ZM79.0703 70.7656V72.6016H73.0625V70.7656H79.0703ZM86.2672 73.3984C86.5432 73.3984 86.788 73.3464 87.0016 73.2422C87.2151 73.1328 87.3818 72.9818 87.5016 72.7891C87.6266 72.5911 87.6917 72.3594 87.6969 72.0938H89.8141C89.8089 72.6875 89.65 73.2161 89.3375 73.6797C89.025 74.138 88.6057 74.5 88.0797 74.7656C87.5536 75.026 86.9651 75.1562 86.3141 75.1562C85.6578 75.1562 85.0849 75.0469 84.5953 74.8281C84.1109 74.6094 83.7073 74.3073 83.3844 73.9219C83.0615 73.5312 82.8193 73.0781 82.6578 72.5625C82.4964 72.0417 82.4156 71.4844 82.4156 70.8906V70.6641C82.4156 70.0651 82.4964 69.5078 82.6578 68.9922C82.8193 68.4714 83.0615 68.0182 83.3844 67.6328C83.7073 67.2422 84.1109 66.9375 84.5953 66.7188C85.0797 66.5 85.6474 66.3906 86.2984 66.3906C86.9911 66.3906 87.5979 66.5234 88.1187 66.7891C88.6448 67.0547 89.0562 67.4349 89.3531 67.9297C89.6552 68.4193 89.8089 69 89.8141 69.6719H87.6969C87.6917 69.3906 87.6318 69.1354 87.5172 68.9062C87.4078 68.6771 87.2464 68.4948 87.0328 68.3594C86.8245 68.2188 86.5667 68.1484 86.2594 68.1484C85.9312 68.1484 85.663 68.2188 85.4547 68.3594C85.2464 68.4948 85.0849 68.6823 84.9703 68.9219C84.8557 69.1562 84.775 69.4245 84.7281 69.7266C84.6865 70.0234 84.6656 70.3359 84.6656 70.6641V70.8906C84.6656 71.2188 84.6865 71.5339 84.7281 71.8359C84.7698 72.138 84.8479 72.4062 84.9625 72.6406C85.0823 72.875 85.2464 73.0599 85.4547 73.1953C85.663 73.3307 85.9339 73.3984 86.2672 73.3984ZM94.7609 73.3984C95.037 73.3984 95.2818 73.3464 95.4953 73.2422C95.7089 73.1328 95.8755 72.9818 95.9953 72.7891C96.1203 72.5911 96.1854 72.3594 96.1906 72.0938H98.3078C98.3026 72.6875 98.1437 73.2161 97.8312 73.6797C97.5187 74.138 97.0995 74.5 96.5734 74.7656C96.0474 75.026 95.4589 75.1562 94.8078 75.1562C94.1516 75.1562 93.5786 75.0469 93.0891 74.8281C92.6047 74.6094 92.201 74.3073 91.8781 73.9219C91.5552 73.5312 91.313 73.0781 91.1516 72.5625C90.9901 72.0417 90.9094 71.4844 90.9094 70.8906V70.6641C90.9094 70.0651 90.9901 69.5078 91.1516 68.9922C91.313 68.4714 91.5552 68.0182 91.8781 67.6328C92.201 67.2422 92.6047 66.9375 93.0891 66.7188C93.5734 66.5 94.1411 66.3906 94.7922 66.3906C95.4849 66.3906 96.0917 66.5234 96.6125 66.7891C97.1385 67.0547 97.55 67.4349 97.8469 67.9297C98.149 68.4193 98.3026 69 98.3078 69.6719H96.1906C96.1854 69.3906 96.1255 69.1354 96.0109 68.9062C95.9016 68.6771 95.7401 68.4948 95.5266 68.3594C95.3182 68.2188 95.0604 68.1484 94.7531 68.1484C94.425 68.1484 94.1568 68.2188 93.9484 68.3594C93.7401 68.4948 93.5786 68.6823 93.4641 68.9219C93.3495 69.1562 93.2687 69.4245 93.2219 69.7266C93.1802 70.0234 93.1594 70.3359 93.1594 70.6641V70.8906C93.1594 71.2188 93.1802 71.5339 93.2219 71.8359C93.2635 72.138 93.3417 72.4062 93.4562 72.6406C93.576 72.875 93.7401 73.0599 93.9484 73.1953C94.1568 73.3307 94.4276 73.3984 94.7609 73.3984ZM103.653 75.1562C102.997 75.1562 102.408 75.0521 101.888 74.8438C101.367 74.6302 100.924 74.3359 100.559 73.9609C100.2 73.5859 99.924 73.151 99.7313 72.6562C99.5385 72.1562 99.4422 71.625 99.4422 71.0625V70.75C99.4422 70.1094 99.5333 69.5234 99.7156 68.9922C99.8979 68.4609 100.158 68 100.497 67.6094C100.841 67.2188 101.257 66.9193 101.747 66.7109C102.236 66.4974 102.789 66.3906 103.403 66.3906C104.002 66.3906 104.533 66.4896 104.997 66.6875C105.46 66.8854 105.848 67.1667 106.161 67.5312C106.479 67.8958 106.718 68.3333 106.88 68.8438C107.041 69.349 107.122 69.9115 107.122 70.5312V71.4688H100.403V69.9688H104.911V69.7969C104.911 69.4844 104.854 69.2057 104.739 68.9609C104.63 68.7109 104.463 68.513 104.239 68.3672C104.015 68.2214 103.729 68.1484 103.38 68.1484C103.083 68.1484 102.828 68.2135 102.614 68.3438C102.401 68.474 102.226 68.6562 102.091 68.8906C101.96 69.125 101.861 69.401 101.794 69.7188C101.731 70.0312 101.7 70.375 101.7 70.75V71.0625C101.7 71.401 101.747 71.7135 101.841 72C101.94 72.2865 102.078 72.5339 102.255 72.7422C102.437 72.9505 102.656 73.112 102.911 73.2266C103.171 73.3411 103.466 73.3984 103.794 73.3984C104.2 73.3984 104.578 73.3203 104.927 73.1641C105.281 73.0026 105.585 72.7604 105.841 72.4375L106.934 73.625C106.757 73.8802 106.515 74.125 106.208 74.3594C105.906 74.5938 105.541 74.7865 105.114 74.9375C104.687 75.0833 104.2 75.1562 103.653 75.1562ZM113.123 72.6641C113.123 72.5026 113.077 72.3568 112.983 72.2266C112.889 72.0964 112.715 71.9766 112.459 71.8672C112.209 71.7526 111.847 71.6484 111.373 71.5547C110.946 71.4609 110.548 71.3438 110.178 71.2031C109.814 71.0573 109.496 70.8828 109.225 70.6797C108.959 70.4766 108.751 70.237 108.6 69.9609C108.449 69.6797 108.373 69.3594 108.373 69C108.373 68.6458 108.449 68.3125 108.6 68C108.756 67.6875 108.978 67.4115 109.264 67.1719C109.556 66.9271 109.91 66.737 110.327 66.6016C110.748 66.4609 111.222 66.3906 111.748 66.3906C112.483 66.3906 113.113 66.5078 113.639 66.7422C114.17 66.9766 114.577 67.2995 114.858 67.7109C115.144 68.1172 115.287 68.5807 115.287 69.1016H113.037C113.037 68.8828 112.991 68.6875 112.897 68.5156C112.808 68.3385 112.668 68.2005 112.475 68.1016C112.287 67.9974 112.043 67.9453 111.741 67.9453C111.491 67.9453 111.274 67.9896 111.092 68.0781C110.91 68.1615 110.769 68.276 110.67 68.4219C110.577 68.5625 110.53 68.7188 110.53 68.8906C110.53 69.0208 110.556 69.138 110.608 69.2422C110.665 69.3411 110.756 69.4323 110.881 69.5156C111.006 69.599 111.168 69.6771 111.366 69.75C111.569 69.8177 111.819 69.8802 112.116 69.9375C112.725 70.0625 113.269 70.2266 113.748 70.4297C114.228 70.6276 114.608 70.8984 114.889 71.2422C115.17 71.5807 115.311 72.026 115.311 72.5781C115.311 72.9531 115.228 73.2969 115.061 73.6094C114.894 73.9219 114.655 74.1953 114.342 74.4297C114.03 74.6589 113.655 74.8385 113.217 74.9688C112.785 75.0938 112.298 75.1562 111.756 75.1562C110.97 75.1562 110.303 75.0156 109.756 74.7344C109.215 74.4531 108.803 74.0964 108.522 73.6641C108.246 73.2266 108.108 72.7786 108.108 72.3203H110.241C110.251 72.6276 110.329 72.875 110.475 73.0625C110.626 73.25 110.816 73.3854 111.045 73.4688C111.28 73.5521 111.532 73.5938 111.803 73.5938C112.095 73.5938 112.337 73.5547 112.53 73.4766C112.722 73.3932 112.868 73.2839 112.967 73.1484C113.071 73.0078 113.123 72.8464 113.123 72.6641ZM121.492 72.6641C121.492 72.5026 121.445 72.3568 121.352 72.2266C121.258 72.0964 121.083 71.9766 120.828 71.8672C120.578 71.7526 120.216 71.6484 119.742 71.5547C119.315 71.4609 118.917 71.3438 118.547 71.2031C118.182 71.0573 117.865 70.8828 117.594 70.6797C117.328 70.4766 117.12 70.237 116.969 69.9609C116.818 69.6797 116.742 69.3594 116.742 69C116.742 68.6458 116.818 68.3125 116.969 68C117.125 67.6875 117.346 67.4115 117.633 67.1719C117.924 66.9271 118.279 66.737 118.695 66.6016C119.117 66.4609 119.591 66.3906 120.117 66.3906C120.852 66.3906 121.482 66.5078 122.008 66.7422C122.539 66.9766 122.945 67.2995 123.227 67.7109C123.513 68.1172 123.656 68.5807 123.656 69.1016H121.406C121.406 68.8828 121.359 68.6875 121.266 68.5156C121.177 68.3385 121.036 68.2005 120.844 68.1016C120.656 67.9974 120.411 67.9453 120.109 67.9453C119.859 67.9453 119.643 67.9896 119.461 68.0781C119.279 68.1615 119.138 68.276 119.039 68.4219C118.945 68.5625 118.898 68.7188 118.898 68.8906C118.898 69.0208 118.924 69.138 118.977 69.2422C119.034 69.3411 119.125 69.4323 119.25 69.5156C119.375 69.599 119.536 69.6771 119.734 69.75C119.938 69.8177 120.188 69.8802 120.484 69.9375C121.094 70.0625 121.638 70.2266 122.117 70.4297C122.596 70.6276 122.977 70.8984 123.258 71.2422C123.539 71.5807 123.68 72.026 123.68 72.5781C123.68 72.9531 123.596 73.2969 123.43 73.6094C123.263 73.9219 123.023 74.1953 122.711 74.4297C122.398 74.6589 122.023 74.8385 121.586 74.9688C121.154 75.0938 120.667 75.1562 120.125 75.1562C119.339 75.1562 118.672 75.0156 118.125 74.7344C117.583 74.4531 117.172 74.0964 116.891 73.6641C116.615 73.2266 116.477 72.7786 116.477 72.3203H118.609C118.62 72.6276 118.698 72.875 118.844 73.0625C118.995 73.25 119.185 73.3854 119.414 73.4688C119.648 73.5521 119.901 73.5938 120.172 73.5938C120.464 73.5938 120.706 73.5547 120.898 73.4766C121.091 73.3932 121.237 73.2839 121.336 73.1484C121.44 73.0078 121.492 72.8464 121.492 72.6641ZM127.666 66.5469V75H125.408V66.5469H127.666ZM125.267 64.3438C125.267 64.0156 125.382 63.7448 125.611 63.5312C125.84 63.3177 126.147 63.2109 126.533 63.2109C126.913 63.2109 127.218 63.3177 127.447 63.5312C127.681 63.7448 127.798 64.0156 127.798 64.3438C127.798 64.6719 127.681 64.9427 127.447 65.1562C127.218 65.3698 126.913 65.4766 126.533 65.4766C126.147 65.4766 125.84 65.3698 125.611 65.1562C125.382 64.9427 125.267 64.6719 125.267 64.3438ZM129.675 63H131.925V73.0625L131.698 75H129.675V63ZM137.277 70.6875V70.8516C137.277 71.4818 137.209 72.0599 137.073 72.5859C136.943 73.112 136.74 73.5677 136.464 73.9531C136.188 74.3333 135.844 74.6302 135.433 74.8438C135.027 75.0521 134.547 75.1562 133.995 75.1562C133.48 75.1562 133.032 75.0521 132.652 74.8438C132.277 74.6354 131.961 74.3411 131.706 73.9609C131.451 73.5807 131.245 73.1354 131.089 72.625C130.933 72.1146 130.816 71.5573 130.737 70.9531V70.5938C130.816 69.9896 130.933 69.4323 131.089 68.9219C131.245 68.4115 131.451 67.9661 131.706 67.5859C131.961 67.2057 132.277 66.9115 132.652 66.7031C133.027 66.4948 133.469 66.3906 133.98 66.3906C134.537 66.3906 135.021 66.4974 135.433 66.7109C135.849 66.9193 136.193 67.2161 136.464 67.6016C136.74 67.9818 136.943 68.4349 137.073 68.9609C137.209 69.4818 137.277 70.0573 137.277 70.6875ZM135.027 70.8516V70.6875C135.027 70.3438 135.001 70.0208 134.948 69.7188C134.902 69.4115 134.818 69.1432 134.698 68.9141C134.579 68.6797 134.415 68.4948 134.206 68.3594C134.003 68.224 133.74 68.1562 133.417 68.1562C133.11 68.1562 132.849 68.2083 132.636 68.3125C132.422 68.4167 132.245 68.5625 132.105 68.75C131.969 68.9375 131.868 69.1615 131.8 69.4219C131.732 69.6771 131.691 69.9583 131.675 70.2656V71.2891C131.691 71.7005 131.758 72.0651 131.878 72.3828C132.003 72.6953 132.191 72.9427 132.441 73.125C132.696 73.3021 133.027 73.3906 133.433 73.3906C133.751 73.3906 134.014 73.3281 134.222 73.2031C134.43 73.0781 134.592 72.901 134.706 72.6719C134.826 72.4427 134.909 72.1745 134.956 71.8672C135.003 71.5547 135.027 71.2161 135.027 70.8516ZM141.2 66.5469V75H138.942V66.5469H141.2ZM138.802 64.3438C138.802 64.0156 138.916 63.7448 139.145 63.5312C139.374 63.3177 139.682 63.2109 140.067 63.2109C140.447 63.2109 140.752 63.3177 140.981 63.5312C141.216 63.7448 141.333 64.0156 141.333 64.3438C141.333 64.6719 141.216 64.9427 140.981 65.1562C140.752 65.3698 140.447 65.4766 140.067 65.4766C139.682 65.4766 139.374 65.3698 139.145 65.1562C138.916 64.9427 138.802 64.6719 138.802 64.3438ZM145.584 63V75H143.327V63H145.584ZM149.969 66.5469V75H147.711V66.5469H149.969ZM147.57 64.3438C147.57 64.0156 147.685 63.7448 147.914 63.5312C148.143 63.3177 148.451 63.2109 148.836 63.2109C149.216 63.2109 149.521 63.3177 149.75 63.5312C149.984 63.7448 150.102 64.0156 150.102 64.3438C150.102 64.6719 149.984 64.9427 149.75 65.1562C149.521 65.3698 149.216 65.4766 148.836 65.4766C148.451 65.4766 148.143 65.3698 147.914 65.1562C147.685 64.9427 147.57 64.6719 147.57 64.3438ZM156.119 66.5469V68.1406H151.197V66.5469H156.119ZM152.416 64.4609H154.666V72.4531C154.666 72.6979 154.697 72.8854 154.759 73.0156C154.827 73.1458 154.926 73.237 155.056 73.2891C155.186 73.3359 155.351 73.3594 155.548 73.3594C155.689 73.3594 155.814 73.3542 155.923 73.3438C156.038 73.3281 156.134 73.3125 156.213 73.2969L156.22 74.9531C156.028 75.0156 155.819 75.0651 155.595 75.1016C155.371 75.138 155.124 75.1562 154.853 75.1562C154.358 75.1562 153.926 75.0755 153.556 74.9141C153.192 74.7474 152.91 74.4818 152.713 74.1172C152.515 73.7526 152.416 73.2734 152.416 72.6797V64.4609ZM160.058 74.0469L162.3 66.5469H164.714L161.316 76.2734C161.243 76.487 161.144 76.7161 161.019 76.9609C160.899 77.2057 160.735 77.4375 160.527 77.6562C160.323 77.8802 160.066 78.0625 159.753 78.2031C159.446 78.3438 159.068 78.4141 158.62 78.4141C158.407 78.4141 158.232 78.401 158.097 78.375C157.961 78.349 157.8 78.3125 157.613 78.2656V76.6172C157.67 76.6172 157.73 76.6172 157.792 76.6172C157.855 76.6224 157.915 76.625 157.972 76.625C158.269 76.625 158.511 76.5911 158.698 76.5234C158.886 76.4557 159.037 76.3516 159.152 76.2109C159.266 76.0755 159.357 75.8984 159.425 75.6797L160.058 74.0469ZM159.12 66.5469L160.956 72.6719L161.277 75.0547L159.745 75.2188L156.706 66.5469H159.12Z"
+				fill="white"
+			/>
 		</SvgIcon>
 	);
 }
diff --git a/modules/settings/assets/js/icons/credit-card.js b/modules/settings/assets/js/icons/credit-card.js
index af62533..bbb52b8 100644
--- a/modules/settings/assets/js/icons/credit-card.js
+++ b/modules/settings/assets/js/icons/credit-card.js
@@ -1,16 +1,13 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-const CreditCardIcon = ( props, { size } ) => {
+const CreditCardIcon = (props, { size }) => {
 	return (
-		<SvgIcon
-			viewBox="0 0 20 20"
-			fontSize={ size }
-			{ ...props }>
+		<SvgIcon viewBox="0 0 20 20" fontSize={size} {...props}>
 			<path
 				fillRule="evenodd"
 				clipRule="evenodd"
-				d="M5 4.79163C3.96447 4.79163 3.125 5.63109 3.125 6.66663V7.70829H16.875V6.66663C16.875 5.63109 16.0355 4.79163 15 4.79163H5ZM18.125 6.66663C18.125 4.94074 16.7259 3.54163 15 3.54163H5C3.27411 3.54163 1.875 4.94074 1.875 6.66663V13.3333C1.875 15.0592 3.27411 16.4583 5 16.4583H15C16.7259 16.4583 18.125 15.0592 18.125 13.3333V6.66663ZM16.875 8.95829H3.125V13.3333C3.125 14.3688 3.96447 15.2083 5 15.2083H15C16.0355 15.2083 16.875 14.3688 16.875 13.3333V8.95829ZM5.20833 12.5C5.20833 12.1548 5.48816 11.875 5.83333 11.875H5.84167C6.18684 11.875 6.46667 12.1548 6.46667 12.5C6.46667 12.8451 6.18684 13.125 5.84167 13.125H5.83333C5.48816 13.125 5.20833 12.8451 5.20833 12.5ZM8.54167 12.5C8.54167 12.1548 8.82149 11.875 9.16667 11.875H10.8333C11.1785 11.875 11.4583 12.1548 11.4583 12.5C11.4583 12.8451 11.1785 13.125 10.8333 13.125H9.16667C8.82149 13.125 8.54167 12.8451 8.54167 12.5Z" />
-
+				d="M5 4.79163C3.96447 4.79163 3.125 5.63109 3.125 6.66663V7.70829H16.875V6.66663C16.875 5.63109 16.0355 4.79163 15 4.79163H5ZM18.125 6.66663C18.125 4.94074 16.7259 3.54163 15 3.54163H5C3.27411 3.54163 1.875 4.94074 1.875 6.66663V13.3333C1.875 15.0592 3.27411 16.4583 5 16.4583H15C16.7259 16.4583 18.125 15.0592 18.125 13.3333V6.66663ZM16.875 8.95829H3.125V13.3333C3.125 14.3688 3.96447 15.2083 5 15.2083H15C16.0355 15.2083 16.875 14.3688 16.875 13.3333V8.95829ZM5.20833 12.5C5.20833 12.1548 5.48816 11.875 5.83333 11.875H5.84167C6.18684 11.875 6.46667 12.1548 6.46667 12.5C6.46667 12.8451 6.18684 13.125 5.84167 13.125H5.83333C5.48816 13.125 5.20833 12.8451 5.20833 12.5ZM8.54167 12.5C8.54167 12.1548 8.82149 11.875 9.16667 11.875H10.8333C11.1785 11.875 11.4583 12.1548 11.4583 12.5C11.4583 12.8451 11.1785 13.125 10.8333 13.125H9.16667C8.82149 13.125 8.54167 12.8451 8.54167 12.5Z"
+			/>
 		</SvgIcon>
 	);
 };
diff --git a/modules/settings/assets/js/icons/elementor-logo.js b/modules/settings/assets/js/icons/elementor-logo.js
index 5f3ad30..4afefe6 100644
--- a/modules/settings/assets/js/icons/elementor-logo.js
+++ b/modules/settings/assets/js/icons/elementor-logo.js
@@ -1,14 +1,15 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-const ElementorLogo = ( { size } ) => {
+const ElementorLogo = ({ size }) => {
 	return (
-		<SvgIcon viewBox="0 0 24 24" fontSize={ size }>
+		<SvgIcon viewBox="0 0 24 24" fontSize={size}>
 			<g clipPath="url(#a)">
 				<path
 					fill="#0C0D0E"
 					fillRule="evenodd"
 					d="M2.022 18.667A12 12 0 1 1 21.977 5.333 12 12 0 0 1 2.022 18.667ZM9 7H7v10h2V7Zm8 0h-6v2h6V7Zm0 3.999h-6v2h6v-2ZM17 15h-6v2h6v-2Z"
-					clipRule="evenodd" />
+					clipRule="evenodd"
+				/>
 			</g>
 
 			<defs>
diff --git a/modules/settings/assets/js/icons/square-rounded-chevrons-left.js b/modules/settings/assets/js/icons/square-rounded-chevrons-left.js
index a753c86..4757bac 100644
--- a/modules/settings/assets/js/icons/square-rounded-chevrons-left.js
+++ b/modules/settings/assets/js/icons/square-rounded-chevrons-left.js
@@ -1,16 +1,18 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-const SquareRoundedChevronsLeft = ( props, { size } ) => {
+const SquareRoundedChevronsLeft = (props, { size }) => {
 	return (
 		<SvgIcon
 			viewBox="0 0 24 24"
-			fontSize={ size }
-			sx={ { ...props.sx } }
-			{ ...props }>
+			fontSize={size}
+			sx={{ ...props.sx }}
+			{...props}
+		>
 			<path
 				fillRule="evenodd"
 				clipRule="evenodd"
-				d="M5.33033 5.33033C4.21884 6.44182 3.75 8.39464 3.75 12C3.75 15.6054 4.21884 17.5582 5.33033 18.6697C6.44182 19.7812 8.39464 20.25 12 20.25C15.6054 20.25 17.5582 19.7812 18.6697 18.6697C19.7812 17.5582 20.25 15.6054 20.25 12C20.25 8.39464 19.7812 6.44182 18.6697 5.33033C17.5582 4.21884 15.6054 3.75 12 3.75C8.39464 3.75 6.44182 4.21884 5.33033 5.33033ZM4.26967 4.26967C5.85818 2.68116 8.40536 2.25 12 2.25C15.5946 2.25 18.1418 2.68116 19.7303 4.26967C21.3188 5.85818 21.75 8.40536 21.75 12C21.75 15.5946 21.3188 18.1418 19.7303 19.7303C18.1418 21.3188 15.5946 21.75 12 21.75C8.40536 21.75 5.85818 21.3188 4.26967 19.7303C2.68116 18.1418 2.25 15.5946 2.25 12C2.25 8.40536 2.68116 5.85818 4.26967 4.26967ZM11.5303 8.46967C11.8232 8.76256 11.8232 9.23744 11.5303 9.53033L9.06066 12L11.5303 14.4697C11.8232 14.7626 11.8232 15.2374 11.5303 15.5303C11.2374 15.8232 10.7626 15.8232 10.4697 15.5303L7.46967 12.5303C7.17678 12.2374 7.17678 11.7626 7.46967 11.4697L10.4697 8.46967C10.7626 8.17678 11.2374 8.17678 11.5303 8.46967ZM15.5303 8.46967C15.8232 8.76256 15.8232 9.23744 15.5303 9.53033L13.0607 12L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303L11.4697 12.5303C11.1768 12.2374 11.1768 11.7626 11.4697 11.4697L14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967Z" />
+				d="M5.33033 5.33033C4.21884 6.44182 3.75 8.39464 3.75 12C3.75 15.6054 4.21884 17.5582 5.33033 18.6697C6.44182 19.7812 8.39464 20.25 12 20.25C15.6054 20.25 17.5582 19.7812 18.6697 18.6697C19.7812 17.5582 20.25 15.6054 20.25 12C20.25 8.39464 19.7812 6.44182 18.6697 5.33033C17.5582 4.21884 15.6054 3.75 12 3.75C8.39464 3.75 6.44182 4.21884 5.33033 5.33033ZM4.26967 4.26967C5.85818 2.68116 8.40536 2.25 12 2.25C15.5946 2.25 18.1418 2.68116 19.7303 4.26967C21.3188 5.85818 21.75 8.40536 21.75 12C21.75 15.5946 21.3188 18.1418 19.7303 19.7303C18.1418 21.3188 15.5946 21.75 12 21.75C8.40536 21.75 5.85818 21.3188 4.26967 19.7303C2.68116 18.1418 2.25 15.5946 2.25 12C2.25 8.40536 2.68116 5.85818 4.26967 4.26967ZM11.5303 8.46967C11.8232 8.76256 11.8232 9.23744 11.5303 9.53033L9.06066 12L11.5303 14.4697C11.8232 14.7626 11.8232 15.2374 11.5303 15.5303C11.2374 15.8232 10.7626 15.8232 10.4697 15.5303L7.46967 12.5303C7.17678 12.2374 7.17678 11.7626 7.46967 11.4697L10.4697 8.46967C10.7626 8.17678 11.2374 8.17678 11.5303 8.46967ZM15.5303 8.46967C15.8232 8.76256 15.8232 9.23744 15.5303 9.53033L13.0607 12L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303L11.4697 12.5303C11.1768 12.2374 11.1768 11.7626 11.4697 11.4697L14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967Z"
+			/>
 		</SvgIcon>
 	);
 };
diff --git a/modules/settings/assets/js/icons/user-arrow.js b/modules/settings/assets/js/icons/user-arrow.js
index 2adbdbe..0262aeb 100644
--- a/modules/settings/assets/js/icons/user-arrow.js
+++ b/modules/settings/assets/js/icons/user-arrow.js
@@ -1,21 +1,15 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-const UserArrowIcon = ( props, { size } ) => {
+const UserArrowIcon = (props, { size }) => {
 	return (
-		<SvgIcon
-			viewBox="0 0 20 20"
-			fontSize={ size }
-			{ ...props }>
+		<SvgIcon viewBox="0 0 20 20" fontSize={size} {...props}>
 			<path
 				fillRule="evenodd"
 				clipRule="evenodd"
 				d="M8.95801 1.875C7.90819 1.875 6.90137 2.29204 6.15904 3.03437C5.41671 3.7767 4.99967 4.78352 4.99967 5.83333C4.99967 6.88315 5.41671 7.88997 6.15904 8.6323C6.90137 9.37463 7.90819 9.79167 8.95801 9.79167C10.0078 9.79167 11.0146 9.37463 11.757 8.6323C12.4993 7.88997 12.9163 6.88315 12.9163 5.83333C12.9163 4.78352 12.4993 3.7767 11.757 3.03437C11.0146 2.29204 10.0078 1.875 8.95801 1.875ZM7.04293 3.91825C7.55084 3.41034 8.23971 3.125 8.95801 3.125C9.6763 3.125 10.3652 3.41034 10.8731 3.91825C11.381 4.42616 11.6663 5.11504 11.6663 5.83333C11.6663 6.55163 11.381 7.2405 10.8731 7.74841C10.3652 8.25633 9.6763 8.54167 8.95801 8.54167C8.23971 8.54167 7.55084 8.25633 7.04293 7.74841C6.53502 7.2405 6.24967 6.55163 6.24967 5.83333C6.24967 5.11504 6.53502 4.42616 7.04293 3.91825Z"
 			/>
-			<path
-				d="M5.37626 13.9183C5.88417 13.4103 6.57305 13.125 7.29134 13.125H10.208C10.5532 13.125 10.833 12.8452 10.833 12.5C10.833 12.1548 10.5532 11.875 10.208 11.875H7.29134C6.24153 11.875 5.23471 12.292 4.49238 13.0344C3.75005 13.7767 3.33301 14.7835 3.33301 15.8333V17.5C3.33301 17.8452 3.61283 18.125 3.95801 18.125C4.30319 18.125 4.58301 17.8452 4.58301 17.5V15.8333C4.58301 15.115 4.86835 14.4262 5.37626 13.9183Z"
-			/>
-			<path
-				d="M16.2721 16.2781L13.775 18.7753C13.5309 19.0194 13.1351 19.0194 12.8911 18.7753C12.647 18.5312 12.647 18.1355 12.8911 17.8914L14.3241 16.4583H10.833C10.4878 16.4583 10.208 16.1785 10.208 15.8333C10.208 15.4882 10.4878 15.2083 10.833 15.2083H14.3241L12.8911 13.7753C12.647 13.5312 12.647 13.1355 12.8911 12.8914C13.1352 12.6473 13.5309 12.6473 13.775 12.8914L16.2732 15.3896C16.2801 15.3965 16.2868 15.4035 16.2934 15.4106C16.3909 15.5167 16.4451 15.6483 16.456 15.7827C16.4573 15.7996 16.458 15.8165 16.458 15.8333C16.458 15.9933 16.397 16.1532 16.275 16.2753L16.2721 16.2781Z" />
+			<path d="M5.37626 13.9183C5.88417 13.4103 6.57305 13.125 7.29134 13.125H10.208C10.5532 13.125 10.833 12.8452 10.833 12.5C10.833 12.1548 10.5532 11.875 10.208 11.875H7.29134C6.24153 11.875 5.23471 12.292 4.49238 13.0344C3.75005 13.7767 3.33301 14.7835 3.33301 15.8333V17.5C3.33301 17.8452 3.61283 18.125 3.95801 18.125C4.30319 18.125 4.58301 17.8452 4.58301 17.5V15.8333C4.58301 15.115 4.86835 14.4262 5.37626 13.9183Z" />
+			<path d="M16.2721 16.2781L13.775 18.7753C13.5309 19.0194 13.1351 19.0194 12.8911 18.7753C12.647 18.5312 12.647 18.1355 12.8911 17.8914L14.3241 16.4583H10.833C10.4878 16.4583 10.208 16.1785 10.208 15.8333C10.208 15.4882 10.4878 15.2083 10.833 15.2083H14.3241L12.8911 13.7753C12.647 13.5312 12.647 13.1355 12.8911 12.8914C13.1352 12.6473 13.5309 12.6473 13.775 12.8914L16.2732 15.3896C16.2801 15.3965 16.2868 15.4035 16.2934 15.4106C16.3909 15.5167 16.4451 15.6483 16.456 15.7827C16.4573 15.7996 16.458 15.8165 16.458 15.8333C16.458 15.9933 16.397 16.1532 16.275 16.2753L16.2721 16.2781Z" />
 		</SvgIcon>
 	);
 };
diff --git a/modules/settings/assets/js/icons/widget.js b/modules/settings/assets/js/icons/widget.js
index c7c84e4..49f1a89 100644
--- a/modules/settings/assets/js/icons/widget.js
+++ b/modules/settings/assets/js/icons/widget.js
@@ -1,8 +1,8 @@
 import SvgIcon from '@elementor/ui/SvgIcon';
 
-const WidgetIcon = ( { size } ) => {
+const WidgetIcon = ({ size }) => {
 	return (
-		<SvgIcon viewBox="0 0 20 20" fontSize={ size }>
+		<SvgIcon viewBox="0 0 20 20" fontSize={size}>
 			<g id="widget">
 				<path
 					id="Vector"
@@ -11,14 +11,16 @@ const WidgetIcon = ( { size } ) => {
 					stroke="black"
 					strokeWidth="1.5"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					id="Vector_2"
 					d="M8.33333 13.75L10 11.25M10 11.25L11.6667 13.75M10 11.25V9.58333M10 9.58333L12.5 8.75M10 9.58333L7.5 8.75"
 					stroke="black"
 					strokeWidth="1.5"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 				<path
 					id="Vector_3"
 					d="M9.9987 6.66683C10.2288 6.66683 10.4154 6.48028 10.4154 6.25016C10.4154 6.02004 10.2288 5.8335 9.9987 5.8335C9.76858 5.8335 9.58203 6.02004 9.58203 6.25016C9.58203 6.48028 9.76858 6.66683 9.9987 6.66683Z"
@@ -26,7 +28,8 @@ const WidgetIcon = ( { size } ) => {
 					stroke="black"
 					strokeWidth="1.5"
 					strokeLinecap="round"
-					strokeLinejoin="round" />
+					strokeLinejoin="round"
+				/>
 			</g>
 		</SvgIcon>
 	);
diff --git a/modules/settings/assets/js/layouts/icon-design-settings.js b/modules/settings/assets/js/layouts/icon-design-settings.js
index 3327300..437eede 100644
--- a/modules/settings/assets/js/layouts/icon-design-settings.js
+++ b/modules/settings/assets/js/layouts/icon-design-settings.js
@@ -6,22 +6,20 @@ import { __ } from '@wordpress/i18n';
 
 const IconDesignSettings = () => {
 	return (
-		<Grid
-			padding={ 2 }
-			border={ 1 }
-			borderColor="divider">
-			<Box marginBottom={ 2 }>
-				<Typography variant="subtitle1">{ __( 'Design', 'pojo-accessibility' ) }</Typography>
-				<Typography variant="body2">{ __( 'Customize the design of the button that visitors use to open the widget.', 'pojo-accessibility' ) }</Typography>
+		<Grid padding={2} border={1} borderColor="divider">
+			<Box marginBottom={2}>
+				<Typography variant="subtitle1">
+					{__('Design', 'pojo-accessibility')}
+				</Typography>
+				<Typography variant="body2">
+					{__(
+						'Customize the design of the button that visitors use to open the widget.',
+						'pojo-accessibility',
+					)}
+				</Typography>
 			</Box>
-			<Grid
-				gridTemplateColumns="repeat(2, 1fr)"
-				display="grid"
-				gap={ 8 }>
-				<Box
-					display="flex"
-					flexDirection="column"
-					gap={ 5 }>
+			<Grid gridTemplateColumns="repeat(2, 1fr)" display="grid" gap={8}>
+				<Box display="flex" flexDirection="column" gap={5}>
 					<IconSelect />
 					<IconSize />
 				</Box>
diff --git a/modules/settings/assets/js/layouts/position-settings-desktop.js b/modules/settings/assets/js/layouts/position-settings-desktop.js
index 66e5012..b50ea5c 100644
--- a/modules/settings/assets/js/layouts/position-settings-desktop.js
+++ b/modules/settings/assets/js/layouts/position-settings-desktop.js
@@ -7,34 +7,44 @@ import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
 const PositionSettingsDesktop = () => {
-	const [ hiddenOnDesktop, setHiddenOnDesktop ] = useState( false );
-	const [ disableExactPosition, setDisableExactPosition ] = useState( true );
+	const [hiddenOnDesktop, setHiddenOnDesktop] = useState(false);
+	const [disableExactPosition, setDisableExactPosition] = useState(true);
 	return (
 		<>
 			<FormControlLabel
-				label={ <Typography variant="subtitle2">{ __( 'Hide on desktop', 'pojo-accessibility' ) }</Typography> }
+				label={
+					<Typography variant="subtitle2">
+						{__('Hide on desktop', 'pojo-accessibility')}
+					</Typography>
+				}
 				labelPlacement="start"
-				control={ <Switch color="info" /> }
-				sx={ { marginLeft: 0, marginBottom: 3 } }
-				onChange={ () => setHiddenOnDesktop( ! hiddenOnDesktop ) } />
-			{ ! hiddenOnDesktop &&
-				<Box
-					display="grid"
-					gridTemplateColumns="repeat(2,1fr)"
-					gap={ 3 }>
+				control={<Switch color="info" />}
+				sx={{ marginLeft: 0, marginBottom: 3 }}
+				onChange={() => setHiddenOnDesktop(!hiddenOnDesktop)}
+			/>
+			{!hiddenOnDesktop && (
+				<Box display="grid" gridTemplateColumns="repeat(2,1fr)" gap={3}>
 					<AlignmentMatrixControl />
 					<Box>
 						<FormControlLabel
-							label={ <Typography variant="subtitle2">{ __( 'Exact position', 'pojo-accessibility' ) }</Typography> }
+							label={
+								<Typography variant="subtitle2">
+									{__('Exact position', 'pojo-accessibility')}
+								</Typography>
+							}
 							labelPlacement="start"
-							control={ <Switch color="info" /> }
-							sx={ { marginLeft: 0 } }
-							onChange={ () => setDisableExactPosition( ! disableExactPosition ) } />
-						<PositionControl type="horizontal" disabled={ disableExactPosition } />
-						<PositionControl type="vertical" disabled={ disableExactPosition } />
+							control={<Switch color="info" />}
+							sx={{ marginLeft: 0 }}
+							onChange={() => setDisableExactPosition(!disableExactPosition)}
+						/>
+						<PositionControl
+							type="horizontal"
+							disabled={disableExactPosition}
+						/>
+						<PositionControl type="vertical" disabled={disableExactPosition} />
 					</Box>
 				</Box>
-			}
+			)}
 		</>
 	);
 };
diff --git a/modules/settings/assets/js/layouts/position-settings.js b/modules/settings/assets/js/layouts/position-settings.js
index 3639975..c8f876e 100644
--- a/modules/settings/assets/js/layouts/position-settings.js
+++ b/modules/settings/assets/js/layouts/position-settings.js
@@ -16,54 +16,57 @@ const TABS = {
 };
 
 const PositionSettings = () => {
-	const [ currentTab, setCurrentTab ] = useState( TABS.one );
-	const { getTabProps } = useTabs( currentTab );
+	const [currentTab, setCurrentTab] = useState(TABS.one);
+	const { getTabProps } = useTabs(currentTab);
 
-	const changeTab = ( tab ) => () => {
-		setCurrentTab( tab );
+	const changeTab = (tab) => () => {
+		setCurrentTab(tab);
 	};
 
 	return (
-		<Grid
-			padding={ 2 }
-			border={ 1 }
-			borderColor="divider">
-			<Box marginBottom={ 2 }>
-				<Typography variant="subtitle1">{ __( 'Position', 'pojo-accessibility' ) }</Typography>
-				<Typography variant="body2">{ __( 'Set where the widget appears on your site. This applies to all pages.', 'pojo-accessibility' ) }</Typography>
+		<Grid padding={2} border={1} borderColor="divider">
+			<Box marginBottom={2}>
+				<Typography variant="subtitle1">
+					{__('Position', 'pojo-accessibility')}
+				</Typography>
+				<Typography variant="body2">
+					{__(
+						'Set where the widget appears on your site. This applies to all pages.',
+						'pojo-accessibility',
+					)}
+				</Typography>
 			</Box>
 			<Box>
 				<Tabs
-					value={ currentTab }
-					sx={ { borderBottom: 'none' } }
+					value={currentTab}
+					sx={{ borderBottom: 'none' }}
 					indicatorColor="secondary"
 					textColor="secondary"
 				>
 					<Tab
-						{ ...getTabProps( TABS.one ) }
+						{...getTabProps(TABS.one)}
 						label="Desktop"
-						icon={ <DesktopIcon /> }
+						icon={<DesktopIcon />}
 						iconPosition="start"
-						onClick={ changeTab( TABS.one ) }
+						onClick={changeTab(TABS.one)}
 					/>
 					<Tab
-						{ ...getTabProps( TABS.two ) }
+						{...getTabProps(TABS.two)}
 						label="Mobile"
-						icon={ <MobileIcon /> }
+						icon={<MobileIcon />}
 						iconPosition="start"
-						onClick={ changeTab( TABS.two ) }
+						onClick={changeTab(TABS.two)}
 					/>
 				</Tabs>
 			</Box>
 
-			{ currentTab === TABS.one ? (
+			{currentTab === TABS.one ? (
 				<TabPanel>
 					<PositionSettingsDesktop />
 				</TabPanel>
 			) : (
-				<TabPanel >
-				</TabPanel>
-			) }
+				<TabPanel></TabPanel>
+			)}
 		</Grid>
 	);
 };
diff --git a/modules/settings/assets/js/layouts/sidebar.js b/modules/settings/assets/js/layouts/sidebar.js
index 1ff31c3..a462cc8 100644
--- a/modules/settings/assets/js/layouts/sidebar.js
+++ b/modules/settings/assets/js/layouts/sidebar.js
@@ -9,8 +9,8 @@ export const Sidebar = () => {
 	return (
 		<Drawer
 			variant="permanent"
-			open={ openSidebar }
-			PaperProps={ {
+			open={openSidebar}
+			PaperProps={{
 				sx: {
 					position: 'relative',
 					minWidth: '90px',
@@ -20,13 +20,13 @@ export const Sidebar = () => {
 					height: '100%',
 					justifyContent: 'space-between',
 				},
-			} }
+			}}
 		>
 			<Box>
 				<SidebarAppBar />
 				<SidebarMenu />
 			</Box>
-			<MyAccountMenu drawerState={ openSidebar } />
+			<MyAccountMenu drawerState={openSidebar} />
 		</Drawer>
 	);
 };
diff --git a/modules/settings/assets/js/pages/accessibility-statement.js b/modules/settings/assets/js/pages/accessibility-statement.js
index c4a0c85..34cbc5c 100644
--- a/modules/settings/assets/js/pages/accessibility-statement.js
+++ b/modules/settings/assets/js/pages/accessibility-statement.js
@@ -1,5 +1,5 @@
 const AccessibilityStatement = () => {
-	return ( <h1>AccessibilityStatement</h1> );
+	return <h1>AccessibilityStatement</h1>;
 };
 
 export default AccessibilityStatement;
diff --git a/modules/settings/assets/js/pages/icon-settings.js b/modules/settings/assets/js/pages/icon-settings.js
index bb8bb85..e744134 100644
--- a/modules/settings/assets/js/pages/icon-settings.js
+++ b/modules/settings/assets/js/pages/icon-settings.js
@@ -1,5 +1,5 @@
 const IconSettings = () => {
-	return ( <h1>IconSettings</h1> );
+	return <h1>IconSettings</h1>;
 };
 
 export default IconSettings;
diff --git a/modules/settings/assets/js/pages/menu.js b/modules/settings/assets/js/pages/menu.js
index 2b618ce..eff5dfb 100644
--- a/modules/settings/assets/js/pages/menu.js
+++ b/modules/settings/assets/js/pages/menu.js
@@ -1,5 +1,5 @@
 const Menu = () => {
-	return ( <h1>Menu</h1> );
+	return <h1>Menu</h1>;
 };
 
 export default Menu;
diff --git a/package-lock.json b/package-lock.json
index aee1775..d6fbf6c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,12 +28,15 @@
 				"@wordpress/eslint-plugin": "^21.3.0",
 				"@wordpress/scripts": "^30.3.0",
 				"eslint": "^8.57.1",
+				"eslint-config-prettier": "^9.1.0",
 				"eslint-import-resolver-webpack": "^0.13.9",
 				"eslint-plugin-babel": "^5.3.1",
 				"eslint-plugin-import": "^2.31.0",
 				"eslint-plugin-jsx-a11y": "^6.10.1",
+				"eslint-plugin-prettier": "^5.2.1",
 				"eslint-plugin-react": "^7.37.1",
-				"husky": "^9.1.6"
+				"husky": "^9.1.6",
+				"prettier": "^3.4.1"
 			}
 		},
 		"node_modules/@ampproject/remapping": {
@@ -6536,6 +6539,18 @@
 				}
 			}
 		},
+		"node_modules/@wordpress/eslint-plugin/node_modules/eslint-config-prettier": {
+			"version": "8.10.0",
+			"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz",
+			"integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==",
+			"dev": true,
+			"bin": {
+				"eslint-config-prettier": "bin/cli.js"
+			},
+			"peerDependencies": {
+				"eslint": ">=7.0.0"
+			}
+		},
 		"node_modules/@wordpress/eslint-plugin/node_modules/globals": {
 			"version": "13.24.0",
 			"resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
@@ -10755,9 +10770,9 @@
 			}
 		},
 		"node_modules/eslint-config-prettier": {
-			"version": "8.10.0",
-			"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz",
-			"integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==",
+			"version": "9.1.0",
+			"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+			"integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
 			"dev": true,
 			"bin": {
 				"eslint-config-prettier": "bin/cli.js"
@@ -18191,11 +18206,10 @@
 			}
 		},
 		"node_modules/prettier": {
-			"version": "3.3.3",
-			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
-			"integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+			"version": "3.4.1",
+			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.1.tgz",
+			"integrity": "sha512-G+YdqtITVZmOJje6QkXQWzl3fSfMxFwm1tjTyo9exhkmWSqC4Yhd1+lug++IlR2mvRVAxEDDWYkQdeSztajqgg==",
 			"dev": true,
-			"peer": true,
 			"bin": {
 				"prettier": "bin/prettier.cjs"
 			},
diff --git a/package.json b/package.json
index e8767b2..23eb061 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
 		"start": "wp-scripts start",
 		"format": "wp-scripts format",
 		"lint:js": "wp-scripts lint-js",
+		"lint:js:fix": "wp-scripts lint-js --fix",
 		"prepare": "husky install",
 		"local:start": "wp-env start",
 		"local:stop": "wp-env stop",
@@ -26,11 +27,14 @@
 		"@wordpress/scripts": "^30.3.0",
 		"eslint": "^8.57.1",
 		"eslint-import-resolver-webpack": "^0.13.9",
+		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-babel": "^5.3.1",
 		"eslint-plugin-import": "^2.31.0",
 		"eslint-plugin-jsx-a11y": "^6.10.1",
+		"eslint-plugin-prettier": "^5.2.1",
 		"eslint-plugin-react": "^7.37.1",
-		"husky": "^9.1.6"
+		"husky": "^9.1.6",
+		"prettier": "^3.4.1"
 	},
 	"dependencies": {
 		"@elementor/icons": "^1.17.0",
diff --git a/webpack.config.js b/webpack.config.js
index ae6ffc0..415bf6c 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,13 +1,9 @@
-const path = require( 'path' );
-const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
+const path = require('path');
+const defaultConfig = require('@wordpress/scripts/config/webpack.config');
 
 // add your entry points here
 const entryPoints = {
-	admin: path.resolve(
-		process.cwd(),
-		'modules/settings/assets/js',
-		'admin.js',
-	),
+	admin: path.resolve(process.cwd(), 'modules/settings/assets/js', 'admin.js'),
 };
 
 module.exports = {
@@ -15,16 +11,31 @@ module.exports = {
 	entry: entryPoints,
 	output: {
 		...defaultConfig.output,
-		path: path.resolve( process.cwd(), 'assets/build' ),
+		path: path.resolve(process.cwd(), 'assets/build'),
 	},
 	resolve: {
 		alias: {
-			'@ea11y/hooks': path.resolve( __dirname, 'modules/settings/assets/js/hooks/' ),
-			'@ea11y/components': path.resolve( __dirname, 'modules/settings/assets/js/components/' ),
-			'@ea11y/icons': path.resolve( __dirname, 'modules/settings/assets/js/icons/' ),
-			'@ea11y/layouts': path.resolve( __dirname, 'modules/settings/assets/js/layouts/' ),
-			'@ea11y/pages': path.resolve( __dirname, 'modules/settings/assets/js/pages/' ),
+			'@ea11y/hooks': path.resolve(
+				__dirname,
+				'modules/settings/assets/js/hooks/',
+			),
+			'@ea11y/components': path.resolve(
+				__dirname,
+				'modules/settings/assets/js/components/',
+			),
+			'@ea11y/icons': path.resolve(
+				__dirname,
+				'modules/settings/assets/js/icons/',
+			),
+			'@ea11y/layouts': path.resolve(
+				__dirname,
+				'modules/settings/assets/js/layouts/',
+			),
+			'@ea11y/pages': path.resolve(
+				__dirname,
+				'modules/settings/assets/js/pages/',
+			),
 		},
-		extensions: [ '.js', '.jsx' ],
+		extensions: ['.js', '.jsx'],
 	},
 };