style: update page title color to #A0A0A0 for consistency across components

src/app/features/store/pages/account-page/pages/profile-page/profile-page.scss

@@ -8,6 +8,6 @@
 .page-title {
   font-size: 15px;
   font-weight: bold;
-  color: #888;
+  color: #A0A0A0;
   margin-bottom: 24px;
 }

src/app/features/store/pages/account-page/pages/purchase-detail-page/purchase-detail-page.html

@@ -1,13 +1,13 @@
 <div class="page-container">
   <div class="d-flex align-items-center mb-4">
-    <a routerLink="../" class="text-decoration-none me-3" style="color: #888;">
+    <a routerLink="../" class="text-decoration-none " >
       <i class="bi bi-arrow-left fs-5"></i>
     </a>
     <h2 class="page-title m-0">MIS COMPRAS</h2>
   </div>
 
-  <div class="d-flex justify-content-between align-items-end mb-4 pb-2" style="border-bottom: 1px solid #dddddd;">
-    <div class="purchase-info pb-3">
+  <div class="d-flex justify-content-between align-items-center mb-4 pb-3" style="border-bottom: 1px solid #dddddd;">
+    <div class="purchase-info">
       <span class="purchase-id">Compra #{{ purchase.id }}.</span>
       <span class="purchase-date">Fecha de compra: {{ purchase.date }}</span>
     </div>

src/app/features/store/pages/account-page/pages/purchase-detail-page/purchase-detail-page.scss

@@ -8,7 +8,7 @@
 .page-title {
   font-size: 15px;
   font-weight: bold;
-  color: #888;
+  color: #A0A0A0;
 }
 
 .purchase-info {

src/app/features/store/pages/account-page/pages/purchases-page/purchases-page.scss

@@ -8,6 +8,6 @@
 .page-title {
   font-size: 15px;
   font-weight: bold;
-  color: #888;
+  color: #A0A0A0;
   margin-bottom: 24px;
 }