Using the code below, identify 1 area of improvement and 1 area that it excels: import React, { createContext, useState, useEffect } from 'react'; import React, { createContext, useContext, useState, useEffect } from 'react'; export const CartContext = createContext(); // Helper to initialize cart from local storage (if available) function getInitialCart() { const storedCart = localStorage.getItem('cart'); return storedCart ? JSON.parse(storedCart) : []; } export function CartProvider({ children }) {More actions const [cart, setCart] = useState([]); // Create the Cart context export const CartContext = createContext(); // Load cart from localStorage on mount useEffect(() => { const storedCart = localStorage.getItem('cartItems'); if (storedCart) { setCart(JSON.parse(storedCart)); } }, []); export const CartProvider = ({ children }) => { const [cart, setCart] = useState(getInitialCart()); const [total, setTotal] = useState(0); const [cartItemsCount, setCartItemsCount] = useState(0); // Save cart to localStorage whenever it changes // Update total price and item count whenever cart changes, and sync cart to localStorage useEffect(() => { localStorage.setItem('cartItems', JSON.stringify(cart)); const newTotal = cart.reduce((acc, item) => acc + item.price * item.quantity, 0); setTotal(newTotal); const newCount = cart.reduce((acc, item) => acc + item.quantity, 0); setCartItemsCount(newCount); localStorage.setItem