rename social-menu to utility-menu

dev/scss/components/_global-head.scss

@@ -13,19 +13,19 @@
   .logo-banner { order: 1; }
   .search-form { order: 2; }
   .header-menu { order: 3; }
-  .social-menu { order: 4; }
+  .utility-menu { order: 4; }
 }
 
 @media screen and (min-width: #{$screen-tablet}) {
   .global-head {
     width: $container-tablet;
 
-    .social-menu { order: 1; }
+    .utility-menu { order: 1; }
     .search-form { order: 2; }
     .logo-banner { order: 3; }
     .header-menu { order: 4; }
 
-    .social-menu,
+    .utility-menu,
     .search-form  {
       flex: 1 0 auto;
       width: auto;

dev/scss/components/_utility-menu.scss

@@ -1,4 +1,4 @@
-.social-menu {
+.utility-menu {
   display: flex;
   align-content: center;
   align-items: center;
@@ -38,7 +38,7 @@
 }
 
 @media screen and (max-width: #{$screen-tablet - 1}) {
-  .social-menu {
+  .utility-menu {
     header & { display: none; }
   }
 }