Merge branch 'luisA/258-GiftDetailsView-ESLint' of https://github.com/LetsGetTechnical/elecretanta into luisA/258-GiftDetailsView-ESLint

Author: luisarevalo21

.eslintignore

@@ -50,7 +50,6 @@ components/Popover/popover.tsx
 components/ProfileCard/ProfileCard.tsx
 components/Progress/progress.tsx
 components/Select/select.tsx
-components/Skeleton/Skeleton.tsx
 components/SnowOverlayToggle/SnowOverlayToggle.tsx
 components/SnowOverlayWrapper/react-snow-overlay.d.ts
 lib/drawGiftExchange.ts

.storybook/preview.ts

@@ -1,14 +1,27 @@
-import type { Preview } from '@storybook/react'
+import type { Preview } from '@storybook/react';
+import '../app/globals.css';
 
 const preview: Preview = {
   parameters: {
+    layout: 'centered',
+    backgrounds: {
+      default: 'light',
+      values: [
+        { name: 'light', value: '#ffffff' },
+        { name: 'dark', value: '#1a1a1a' },
+        { name: 'dark green', value: '#244b40' },
+        { name: 'green', value: '#395a50' },
+        { name: 'gray', value: '#f0f0f0' },
+        { name: 'blue', value: '#dbeafe' },
+      ],
+    },
     controls: {
       matchers: {
-       color: /(background|color)$/i,
-       date: /Date$/i,
+        color: /(background|color)$/i,
+        date: /Date$/i,
       },
     },
   },
 };
 
-export default preview;
+export default preview;

components/Skeleton/Skeleton.tsx

@@ -1,9 +1,20 @@
-interface SkeletonProps {
+// Copyright (c) Gridiron Survivor.
+// Licensed under the MIT License.
+
+import { JSX } from "react";
+
+interface ISkeletonProps {
   className?: string;
 }
 
-export function Skeleton({ className }: SkeletonProps) {
+/**
+ * Skeleton component - animated placeholder for loading states. 
+ * @param {ISkeletonProps} props - The component props.
+ * @param {string} [props.className] - Additional classNames for styling.
+ * @returns {JSX.Element} Styled div serving as a loading placeholder.
+ */
+export const Skeleton = ({ className }: ISkeletonProps): JSX.Element => {
   return (
     <div className={`animate-pulse bg-gray-200 rounded-md ${className}`} data-testid="skeleton" />
   );
-}
+};