Fix pointer: cursor in social component

src/app/components/social/friends/friends.component.sass

@@ -9,7 +9,6 @@
   box-sizing: border-box
   width: 100%
   margin-top: 0.5em
-  cursor: pointer
   outline: none
   user-select: none
   #button-box
@@ -19,12 +18,14 @@
 
   ::ng-deep .mat-card-header-text
     margin: 0 24px
+    cursor: pointer
 
   .mat-card-subtitle
     margin: 0
 
 $mat-card-header-size: 52px !default
 .profile-picture
+  cursor: pointer
   height: $mat-card-header-size
   width: $mat-card-header-size
   border-radius: 50%

src/app/components/social/groups/groups.component.sass

@@ -11,7 +11,6 @@
   margin-top: 0.5em
   outline: none
   user-select: none
-  cursor: pointer
   #button-box
     text-align: right
     margin-left: auto
@@ -19,13 +18,16 @@
     width: 1000%
     margin: auto 0 auto 24px
   .mat-card-subtitle
+    cursor: pointer
     margin: 0
     word-break: break-all
   .mat-card-title
+    cursor: pointer
     margin: 0
     word-break: break-all
 $mat-card-header-size: 52px !default
 .group-picture
+  cursor: pointer
   height: $mat-card-header-size
   width: $mat-card-header-size
   border-radius: 50%