fix(dependency) Icon overhaul / Replace @vicons/tabler & MDI with @tabler/icons-vue

[gitmotion]

@CorentinTh

Related to: https://github.com/CorentinTh/it-tools/pull/1369

Unsure about the duplication of icons lib, but it seems tree shaked so no big deal for now

• vercel preview here: gitmotion-it-tools-preview.vercel.app
• removed dependency @vicons/tabler
• @vicons/material (replaced almost all usages but kept dependency since there may be some icons we can use there)

Icon overhaul for consistent theming:

• replaced all existing usages of @vicons/tabler with @tabler/icons-vue and their respective icons
• replaced material design icons (mdi) with equivalent @tabler/icons-vue icons
• included changes to all icons for now but can understand if you only want tool icons to be updated instead - let me know if you want me to revert the mdi icon changes
  - more efficient and designed for Vue3 (expand comparison)

	@tabler/icons-vue	@vicons/tabler
Tree-Shaking and Bundle Size	This library is designed specifically for Vue 3 and optimized for tree-shaking. It includes each icon as an individual component, making it easy for build tools like Vite or Webpack to only include the icons you actually use, keeping the final bundle size smaller.	Also supports tree-shaking but is part of the @vicons collection, a wrapper for multiple icon packs. While it can be tree-shaken, the structure might include more metadata or common code shared across different icon libraries, which may lead to slightly larger bundle sizes when using multiple icons.
Rendering Efficiency	These icons are implemented as native Vue components, which allows for more efficient DOM updates and state management. Icons can be customized directly with props like size and color, without requiring additional wrapper components.	Provides a consistent API across different icon sets, but the generic approach may lead to slightly more overhead when rendering in Vue. However, it still provides good performance, as it’s designed to be lightweight.
Dependency Size and Installation	Generally, this package tends to have fewer dependencies since it’s purpose-built for Vue 3 and Tabler icons. Installation sizes are typically smaller, and it’s less likely to pull in extra dependencies that aren’t essential to its core functionality.	Since it’s part of a larger, multi-library package, there can be more dependencies, especially if you’re using other libraries from @vicons. While they’re generally minimal, it might increase installation time and disk usage.

Before Vs. After

Most icons had direct equivalents - below is a visual representation of example changes or updated representations of their former/previous icon with "biggest" differences:

| **Previous Icons** | **Updated Icons** | |--------------------|-------------------| |  |  | |  |  | |  |  | |  |  | |  |  |

For Devs:

You can now find a full list of all available icons at: https://tabler.io/icons as a single source of truth for icons

|  |  | |--------------------|-------------------| | [tabler.io/icons](https://tabler.io/icons) | VSCode Intellisense |

[vercel[bot]]

@gitmotion is attempting to deploy a commit to the Corentin Thomasset's Team Team on Vercel.

A member of the Team first needs to authorize it.

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud