refactor: update Feed component to use feedLoading class for loading state and enhance placeholder styling

Author: medyo

src/features/feed/components/Feed.tsx

@@ -57,7 +57,7 @@ export const Feed = () => {
 
   if (isInitialLoading) {
     return (
-      <div className="feed">
+      <div className="feed feedLoading">
         {Array.from({
           length: 10,
         }).map((_, index) => (

src/features/feed/components/feed.css

@@ -49,15 +49,23 @@
   }
 }
 
+.feed > * {
+  box-sizing: border-box;
+  max-width: 100%;
+  overflow: hidden;
+}
+.feedLoading .placeholder {
+  min-height: 360px;
+}
 .feed .placeholder {
   animation-duration: 1.5s;
   animation-name: cardPlaceholderPulse;
   animation-iteration-count: infinite;
   padding: 12px;
   display: flex;
   flex-direction: column;
-  min-height: 360px;
   gap: 16px;
+  box-sizing: border-box;
   .image {
     background-color: var(--placeholder-background-color);
     border: 1px solid var(--placeholder-border-color);