Use scoped firebase import. Fix #38 (#42)

### Summary

Following firebase best practice here. See the linked issue warning for more context.

### Test Plan

Things can still run and build.

src/components/Login.vue

@@ -132,7 +132,7 @@
 </template>
 
 <script>
-import firebase from 'firebase';
+import firebase from 'firebase/app';
 
 const fb = require('../firebaseConfig.js');
 

src/components/NavBar.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import firebase from 'firebase';
+import firebase from 'firebase/app';
 
 export default {
   props: {

src/components/SemesterView.vue

@@ -53,7 +53,6 @@
 
 <script>
 import Vue from 'vue';
-// import firebase from 'firebase';
 import Course from '@/components/Course';
 import Semester from '@/components/Semester';
 import Confirmation from '@/components/Confirmation';

src/firebaseConfig.js

@@ -1,4 +1,6 @@
-const firebase = require('firebase');
+const firebase = require('firebase/app');
+require('firebase/auth');
+require('firebase/firestore');
 
 // firebase init goes here
 const config = {
@@ -30,8 +32,13 @@ const userDataCollection = db.collection('userData');
 const alphaWhitelistCollection = db.collection('alphaWhitelist');
 const landingEmailsCollection = db.collection('landingEmails');
 
-
 module.exports = {
   // Temp: removed coursesCollection
-  db, auth, currentUser, usersCollection, userDataCollection, landingEmailsCollection, alphaWhitelistCollection
+  db,
+  auth,
+  currentUser,
+  usersCollection,
+  userDataCollection,
+  landingEmailsCollection,
+  alphaWhitelistCollection
 };

src/router/index.js

@@ -1,6 +1,6 @@
 import Vue from 'vue';
 import Router from 'vue-router';
-import firebase from 'firebase';
+import firebase from 'firebase/app';
 
 import Login from '@/components/Login';
 import Dashboard from '@/components/Dashboard';