update snapshot wordings

src/intl/en.json

@@ -1712,8 +1712,8 @@
       }
     },
     "volumeSnapshots": {
-      "documentTitle": "Volume snapshots",
-      "title": "Volume snapshots",
+      "documentTitle": "Snapshots",
+      "title": "Snapshots",
       "list": {
         "name": "Name",
         "volumeName": "Parent volume",
@@ -1734,7 +1734,8 @@
           "delete": "Delete"
         },
         "noSnapshots": {
-          "title": "You don't have any volume snapshots yet"
+          "title": "You don't have any volume snapshots yet",
+          "description": "Snapshots are point-in-time copies of your volumes, allowing you to restore or create new volumes from previous states"
         }
       },
       "createVolume": {

src/modules/deployment/deployment-logs/replicas.stories.tsx

@@ -1,14 +1,23 @@
 import { Meta } from '@storybook/react';
 
+import { ApiMock } from 'src/api/mock/mock-api';
 import { create } from 'src/utils/factories';
 
 import { Replicas } from './replicas';
 
 export default {
   title: 'Modules/ServiceOverview/Replicas',
-  parameters: { className: 'max-w-main' },
+  parameters: { mockApi, className: 'max-w-main' },
 } satisfies Meta;
 
+function mockApi() {
+  const api = new ApiMock();
+
+  api.mockEndpoint('getServiceMetrics', () => ({
+    metrics: [],
+  }));
+}
+
 const instances = [
   create.deploymentInstance({
     status: 'healthy',

src/pages/volumes/volume-snapshots/volume-snapshots-list.tsx

@@ -25,7 +25,13 @@ export function VolumeSnapshotsList({ snapshots }: { snapshots: VolumeSnapshot[]
   const volumes = useVolumes();
 
   if (snapshots.length === 0) {
-    return <NoResource title={<T id="noSnapshots.title" />} description={null} cta={null} />;
+    return (
+      <NoResource
+        title={<T id="noSnapshots.title" />}
+        description={<T id="noSnapshots.description" />}
+        cta={null}
+      />
+    );
   }
 
   return (