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

tests/unit/components.spec.ts

@@ -0,0 +1,7 @@
+import { shallowMount } from '@vue/test-utils'
+
+describe('TopTip.vue', () => {
+  it('renders props.messages when passed', () => {
+
+  })
+})