feat: toaster and eslint config added

[yuriassuncx]

Qual o objetivo deste PR?

• Padronizar linhas de códigos por meio da configuração do eslint da Rocketseat;
• Adicionar um toaster para melhorar a experiência do usuário e tornar o site mais interativo/dinâmico;

Na prática:

Adicionado o toaster na função handleChange do cart-item.tsx:

const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {
    handleUpdateQuantity(product.id, Number(e.target.value))
    toast.success(
      `Quantidade do ${product.name} alterada para ${e.target.value}`,
      {
        position: 'bottom-center',
      },
    )
  }

Adicionado o toaster na função handleAddToCart da página do produto:

const handleAddToCart = () => {
    const cartItems = localStorage.getItem('cart-items')
    if (cartItems) {
      const cartItemsArray = JSON.parse(cartItems)

      const existingProductIndex = cartItemsArray.findIndex(
        (item: { id: string }) => item.id === searchParams.id,
      )

      if (existingProductIndex !== -1) {
        cartItemsArray[existingProductIndex].quantity += 1
      } else {
        cartItemsArray.push({ ...data, quantity: 1, id: searchParams.id })
      }

      localStorage.setItem('cart-items', JSON.stringify(cartItemsArray))
    } else {
      const newCart = [{ ...data, quantity: 1, id: searchParams.id }]
      localStorage.setItem('cart-items', JSON.stringify(newCart))
    }

    toast.success('Produto adicionado ao carrinho', {
      position: 'bottom-center',
    })
  }