minor #2268 [Site] Isolate React/Svelte build (smnandre)

This PR was squashed before being merged into the 2.x branch.

Discussion
----------

[Site] Isolate React/Svelte build

Ease the website install (no more JS needed)
* group react source/build/dist files
* group svelte source/build/dist files
* remove root packages.json

Also
* rework the shared "PackageList" demo
* clean the homepage FileTree

Commits
-------

2cff156 [Site] Isolate React/Svelte build

Author: smnandre

ux.symfony.com/assets/build/README.md

@@ -1,5 +1,5 @@
 import {registerReactControllerComponents} from '@symfony/ux-react';
 
-import './app.js';
+import '../app.js';
 
 registerReactControllerComponents();

ux.symfony.com/assets/app-react.js renamed to ux.symfony.com/assets/react/app-react.js

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export default function (props) {
+    if (props.packages.length === 0) {
+        return 'No packages found';
+    }
+
+    return (
+        props.packages.map(item => (
+                <div class="PackageListItem">
+                    <div class="PackageListItem__icon" style={`--gradient: ${item.gradient}`}>
+                        <img src={item.imageUrl} alt={`Image for the ${item.humanName} UX package`} />
+                    </div>
+                    <h3 class="PackageListItem__title">
+                        <a href={item.url}>{item.humanName}</a>
+                    </h3>
+                </div>
+        ))
+    );
+}

ux.symfony.com/assets/react/components/PackageList.jsx

@@ -0,0 +1,12 @@
+{
+    "devDependencies": {
+        "@babel/cli": "^7.25.6",
+        "@babel/core": "^7.25.2",
+        "@babel/preset-react": "^7.24.7"
+    },
+    "license": "MIT",
+    "private": true,
+    "scripts": {
+        "build": "../build/node_modules/.bin/babel ../. --out-dir ../../build/react --presets=@babel/preset-react"
+    }
+}

ux.symfony.com/assets/build/react/components/PackageList.js renamed to ux.symfony.com/assets/react/dist/components/PackageList.js

@@ -143,6 +143,7 @@ $utilities: map-remove(
 @import "components/ProductGrid";
 @import "components/PackageHeader";
 @import "components/PackageBox";
+@import "components/PackageList";
 @import "components/Cookbook";
 @import "components/SupportBox";
 @import "components/Tabs";

ux.symfony.com/assets/build/react/controllers/PackageSearch.js renamed to ux.symfony.com/assets/react/dist/controllers/PackageSearch.js

@@ -0,0 +1,61 @@
+.PackageList {
+  --gradient: #202427;
+  --color: #C8CED2;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  gap: .75rem;
+}
+
+.PackageListItem {
+  background: var(--bs-body-bg);
+  border-radius: .75rem;
+  border: 0.66px solid var(--bs-secondary-bg-subtle);
+  padding: .5rem;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: .75rem;
+  position: relative;
+}
+
+.PackageListItem__icon {
+  width: 3rem;
+  aspect-ratio: 1;
+  border-radius: 14%;
+  background: var(--gradient);
+  display: grid;
+  place-items: center;
+
+  img {
+    width: 100%;
+    height: 100%;
+    max-width: 50%;
+    max-height: 50%;
+    transition: transform 0.35s;
+    .PackageListItem:hover & {
+      transform: scale(1.05);
+    }
+  }
+}
+
+.PackageListItem__label {
+  font-size: 1.25rem;
+  font-family: var(--font-family-title);
+  font-weight: 600;
+  margin: 0;
+  flex: 1;
+  opacity: .85;
+  transition: opacity 0.5s;
+  letter-spacing: -0.07ch;
+
+  .PackageListItem:hover & {
+    opacity: 1;
+    transition: opacity 0.25s;
+  }
+
+  a:after {
+    content: " ";
+    inset: 0;
+    position: absolute;
+  }
+}