:fire: updated pairsView css to sass

frontend/src/components/PairsList.vue

@@ -37,6 +37,11 @@ const props = defineProps({
 
 <style lang="sass">
 .pairs-list
+    background-color:#000
+    max-width: 450px
+    width: 100%
+    height: 100vh
+    margin: 0 auto
     article
         .dot--icon
             width:3vw

frontend/src/views/PairsView.vue

@@ -72,24 +72,20 @@ export default {
 }
 </script>
 
-<style>
-.select--matches {
-    display: flex;
-    justify-content: space-between;
-    margin: 0 25px;
-}
-.select--matches > div {
-    width: 100%;
-    text-align: center;
-    font-size: 16px;
-    line-height: 40px;
-}
-.active {
-    border-bottom: 3px solid #f2cd5c;
-    color: #f2cd5c;
-}
-.idle {
-    color: #bcc5d3;
-}
+<style lang="sass">
+.select--matches 
+    display: flex
+    justify-content: space-between
+    margin: 0 25px
+.select--matches > div 
+    width: 100%
+    text-align: center
+    font-size: 16px
+    line-height: 40px
+.active 
+    border-bottom: 3px solid #f2cd5c
+    color: #f2cd5c
+.idle 
+    color: #bcc5d3
+
 </style>
-s