feat: new UI and build process

package.json

@@ -4,10 +4,8 @@
   "description": "Drum beat visualiser and editor",
   "main": "src/main.ts",
   "scripts": {
-    "build": "rollup -c",
-    "dev": "rollup -c -w",
-    "start": "sirv public --no-clear",
-    "validate": "svelte-check"
+    "build": "webpack",
+    "dev": "webpack-dev-server"
   },
   "repository": {
     "type": "git",
@@ -16,27 +14,14 @@
   "author": "Daniel Ledda",
   "license": "ISC",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^17.0.0",
-    "@rollup/plugin-node-resolve": "^11.0.0",
-    "@rollup/plugin-typescript": "^8.0.0",
-    "@tsconfig/svelte": "^1.0.0",
     "@typescript-eslint/eslint-plugin": "^4.29.2",
     "@typescript-eslint/parser": "^4.29.2",
     "@webpack-cli/generators": "^2.3.0",
     "css-loader": "^6.2.0",
     "eslint": "^7.32.0",
-    "html-webpack-plugin": "^5.3.2",
     "mini-css-extract-plugin": "^2.2.0",
-    "rollup": "^2.3.4",
-    "rollup-plugin-css-only": "^3.1.0",
-    "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-svelte": "^7.0.0",
-    "rollup-plugin-terser": "^7.0.0",
-    "sirv-cli": "^1.0.0",
     "source-map-support": "^0.5.19",
     "style-loader": "^3.2.1",
-    "svelte-check": "^1.0.0",
-    "svelte-preprocess": "^4.0.0",
     "ts-loader": "^9.2.5",
     "tslib": "^2.0.0",
     "typescript": "^4.4.0-insiders.20210805",