change bp3 to bp4 in css

frontend/src/App.scss

@@ -21,8 +21,8 @@
     overflow: hidden;
 }
 
-.bp3-navbar {
+.bp4-navbar {
-    .bp3-button {
+    .bp4-button {
         margin-right: 0.25rem;
     }
 }

frontend/src/Home/Home.scss

@@ -21,7 +21,7 @@
         transition: 0.3s;
     }
 
-    .bp3-navbar {
+    .bp4-navbar {
         transition: 0.3s;
 
         >* {
@@ -39,7 +39,7 @@
     }
 }
 
-#mainContainer.bp3-dark {
+#mainContainer.bp4-dark {
     transition: 0.3s;
 
     #MainScreen {
@@ -47,7 +47,7 @@
         background: $dark-gray3;
     }
 
-    .bp3-navbar {
+    .bp4-navbar {
         transition: 0.3s;
     }
 }

frontend/src/Photos/Overview.scss

@@ -63,8 +63,8 @@
     }
 }
 
-.bp3-overlay-enter,
+.bp4-overlay-enter,
-.bp3-overlay-appear {
+.bp4-overlay-appear {
     opacity: 0;
 
     #photoImg {
@@ -76,8 +76,8 @@
     }
 }
 
-.bp3-overlay-enter-active,
+.bp4-overlay-enter-active,
-.bp3-overlay-appear-active {
+.bp4-overlay-appear-active {
     opacity: 1;
 
     #photoImg {
@@ -90,7 +90,7 @@
 }
 
 
-.bp3-overlay-exit {
+.bp4-overlay-exit {
     opacity: 1;
 
     #photoImg {
@@ -102,7 +102,7 @@
     }
 }
 
-.bp3-overlay-exit-active {
+.bp4-overlay-exit-active {
     opacity: 0;
 
     #photoImg {
@@ -206,6 +206,6 @@
 
 }
 
-.bp3-dark {
+.bp4-dark {
     #overview {}
 }

frontend/src/Photos/Photo.scss

@@ -1,5 +1,5 @@
 @import "~@blueprintjs/core/lib/scss/variables";
 
-.bp3-dark {
+.bp4-dark {
     #photoView {}
 }