chore: initialize frontend repo with teaching terminology updates

Add the current frontend codebase with a baseline .gitignore and update piano-specific UI terms to teaching-oriented terms for the current product context.

Made-with: Cursor

jest.config.js

@@ -0,0 +1,12 @@
+const path = require('path')
+module.exports = {
+  rootDir: path.resolve(__dirname),
+  preset: '@vue/cli-plugin-unit-jest/presets/typescript',
+  coverageDirectory: '<rootDir>/coverage',
+  collectCoverage: true,
+  modulePaths: ['<rootDir>'],
+  transform: {
+    '^.+\\.vue$': '@vue/vue3-jest'
+  },
+  testMatch: ['<rootDir>/tests/unit/**/*.spec.[jt]s', '<rootDir>/**/__tests__/*.[jt]s']
+}