Introduce Pinia store to manage app state

[pranavxc]

Change Summary

• Use pinia for app state management

• Move useProject composable to Pinia store

  Syntax to use useProject store

  // get project store reference
  const projectStore = useProject()
  
  // get actions from store as usual
  const { loadTables } = projectStore
  
  // get  any state values or getters to reactive variable
  const { project } = storeToRefs(projectStore)
  // alternately it can be directly used from store like `projectStore.project`

• Move useTabs store to Pinia store

Change type

• feat: (new feature for the user, not a new feature for build script)
• fix: (bug fix for the user, not a fix to a build script)
• docs: (changes to the documentation)
• style: (formatting, missing semi colons, etc; no production code change)
• refactor: (refactoring production code, eg. renaming a variable)
• test: (adding missing tests, refactoring tests; no production code change)
• chore: (updating grunt tasks etc; no production code change)

Test/ Verification

Provide summary of changes.

Additional information / screenshots (optional)

Anything for maintainers to be made aware of

[github-actions]

Uffizzi Preview deployment-18612 was deleted.

[wingkwong]

would the existing eventBus logic also migrate to pinia in this pr? e.g. Menu.vue.

[pranavxc]

would the existing eventBus logic also migrate to pinia in this pr? e.g. Menu.vue.

It's not migrated yet. At the moment just migrated the tab and project state to Pinia. Those refactoring we can do later.