Fixed icon not rotated and simplified component

[marcusmoore]

Description

This PR builds on #15327 and simplifies the icon component by relying on the behavior of rendering {{ $attributes }} within a component. This allows any native html attributes to be rendered on the component by passing them in (<x-icon something="here") and utilizing the {{ $attributes }} that is already rendered in the component.

The removal of id from the props is especially helpful since it allows it to be rendered when $attributes is used within the component and fixes an issue where a couple icons weren't rotating any more since id was no longer being added:

Before	After

In other words, by including id in props we would have had to manually write {{ $id }} within the component's i tag to get it to render.

Another potential (minor) change would be to not set a default value for title in props since it should always be passed in but I'll skip that in this PR to avoid re-testing all views.

Type of change

• Bug fix (ish)

[what-the-diff]

PR Summary

• Optimizations to icon.blade.php
  The existing code in icon.blade.php which controls the various design aspects of icons was streamlined. Unnecessary properties and attributes like class style, id, and title were removed from the file. Also, the 'merge function', which is used to combine properties, was refined to act specifically only on the 'class' attribute. This leads to a more optimized and clutter-free code, resulting in better performance.