fix(skeleton): fix favicons plugin usage and add more link components

Author: DASPRiD

skeleton/package.json.liquid

@@ -16,7 +16,7 @@
         "rollup-plugin-visualizer": "^5.14.0",
         "typescript": "^5.8.2",
         "vite": "^6.2.4",
-        "vite-plugin-hashed-favicons": "2.0.1",
+        "vite-plugin-hashed-favicons": "2.0.3",
         "vite-tsconfig-paths": "^5.1.4"
     },
     "dependencies": {

skeleton/src/components/Link/IconButtonLink.tsx

@@ -0,0 +1,13 @@
+import {
+    IconButton as MuiIconButton,
+    type IconButtonProps as MuiIconButtonProps,
+} from "@mui/material";
+import { createLink } from "@tanstack/react-router";
+import React from "react";
+
+const MuiIconButtonLinkComponent = React.forwardRef<HTMLAnchorElement, MuiIconButtonProps<"a">>(
+    (props, ref) => <MuiIconButton ref={ref} component="a" {...props} />,
+);
+
+const ButtonLink = createLink(MuiIconButtonLinkComponent);
+export default ButtonLink;

skeleton/src/components/Link/ListItemButtonLink.tsx

@@ -0,0 +1,14 @@
+import {
+    ListItemButton as MuiListItemButton,
+    type ListItemButtonProps as MuiListItemButtonProps,
+} from "@mui/material";
+import { createLink } from "@tanstack/react-router";
+import React from "react";
+
+const MuiListItemButtonLinkComponent = React.forwardRef<
+    HTMLAnchorElement,
+    MuiListItemButtonProps<"a">
+>((props, ref) => <MuiListItemButton ref={ref} component="a" {...props} />);
+
+const ListItemButtonLink = createLink(MuiListItemButtonLinkComponent);
+export default ListItemButtonLink;

skeleton/src/components/Link/MenuItemLink.tsx

@@ -0,0 +1,10 @@
+import { MenuItem as MuiMenuItem, type MenuItemProps as MuiMenuItemProps } from "@mui/material";
+import { createLink } from "@tanstack/react-router";
+import React from "react";
+
+const MuiMenuItemLinkComponent = React.forwardRef<HTMLAnchorElement, MuiMenuItemProps<"a">>(
+    (props, ref) => <MuiMenuItem ref={ref} component="a" {...props} />,
+);
+
+const MenuItemLink = createLink(MuiMenuItemLinkComponent);
+export default MenuItemLink;

skeleton/src/components/Link/index.ts

@@ -1,2 +1,4 @@
 export { default as ButtonLink } from "./ButtonLink";
+export { default as MenuItemLink } from "./MenuItemLink";
+export { default as ListItemButtonLinks } from "./ListItemButtonLink";
 export { default as Link } from "./Link";

skeleton/vite.config.ts.liquid

@@ -17,20 +17,14 @@ export default defineConfig({
         react(),
         tsconfigPaths(),
         visualizer(),
-        favicons("./src/assets/favicon.svg", {
-            appName: "{{project.title}}",
-            appDescription: "React App created from starter",
-            background: "#fff",
-            theme_color: "eeb300",
-            start_url: "/",
-        }),
+        favicons("./src/assets/favicon.svg"),
     ],
     build: {
         sourcemap: true,
         rollupOptions: {
             output: {
                 manualChunks: {
-                    react: ["react", "react-dom", "react-router-dom", "react-confirm-hook"],
+                    react: ["react", "react-dom", "@tanstack/react-router", "react-confirm-hook"],
                     mui: [
                         "@mui/material",
                         "@mui/lab",