ui: remove mock confessions in frontend and add empty state placeholder card

src/constants/index.ts

@@ -861,29 +861,7 @@ export const QUESTIONS_DATA: Question[] = [
 ];
 
 // ─── Confessions ─────────────────────────────────────────────────────────────
-export const CONFESSIONS_DATA: Confession[] = [
+export const CONFESSIONS_DATA: Confession[] = [];
-  {
-    id: '1',
-    content: 'I was so nervous on my first day that I went to the wrong department. A senior helped me out and became my best friend. RIT has such a warm community! 🧡',
-    createdAt: '2025-07-19T11:00:00Z',
-    reactions: 87,
-    category: 'Wholesome',
-  },
-  {
-    id: '2',
-    content: 'The library WiFi is actually faster than my home connection. No complaints from me 😂',
-    createdAt: '2025-07-18T15:30:00Z',
-    reactions: 134,
-    category: 'Funny',
-  },
-  {
-    id: '3',
-    content: 'I have a crush on someone in my class but I\'m too shy to talk. We have been in the same group project for 2 months now 😅',
-    createdAt: '2025-07-17T09:00:00Z',
-    reactions: 212,
-    category: 'Crush',
-  },
-];
 
 // ─── Toolkit Items ───────────────────────────────────────────────────────────
 export const TOOLKIT_ITEMS: ToolkitItem[] = [

src/pages/Community/Community.tsx

@@ -765,6 +765,7 @@ export default function Community() {
                   </div>
 
                   {/* Confessions Feed */}
+                   {CONFESSIONS_DATA.length > 0 ? (
                      <StaggerContainer className="flex flex-col gap-4">
                        {CONFESSIONS_DATA.map((conf) => (
                          <StaggerItem key={conf.id}>
@@ -785,12 +786,12 @@ export default function Community() {
                                  </div>
                                </div>
                                {conf.category && (
-                              <span className="px-2 py-0.5 rounded text-[10px] font-semibold bg-slate-55 text-slate-650 border border-slate-200/40" style={{ fontFamily: 'Poppins, sans-serif' }}>
+                                 <span className="px-2 py-0.5 rounded text-[10px] font-semibold bg-slate-50 text-slate-600 border border-slate-200/40" style={{ fontFamily: 'Poppins, sans-serif' }}>
                                    {conf.category}
                                  </span>
                                )}
                              </div>
-                          <p className="text-[13px] text-slate-750 leading-relaxed mb-4" style={{ fontFamily: 'Inter, sans-serif' }}>{conf.content}</p>
+                             <p className="text-[13px] text-slate-755 leading-relaxed mb-4" style={{ fontFamily: 'Inter, sans-serif' }}>{conf.content}</p>
                              <div className="flex items-center justify-between">
                                <button
                                  onClick={() => toggleLike(conf.id)}
@@ -811,6 +812,17 @@ export default function Community() {
                          </StaggerItem>
                        ))}
                      </StaggerContainer>
+                   ) : (
+                     <div className="bg-white rounded-2xl border border-[#E5E7EB] p-8 text-center" style={{ boxShadow: '0 2px 15px -3px rgba(0,0,0,0.07)' }}>
+                       <Shield className="w-8 h-8 text-slate-300 mx-auto mb-3" />
+                       <p className="text-sm font-semibold text-slate-700 mb-1" style={{ fontFamily: 'Poppins, sans-serif' }}>
+                         No Confessions Yet
+                       </p>
+                       <p className="text-xs text-slate-400" style={{ fontFamily: 'Inter, sans-serif' }}>
+                         Be the first to post a confession anonymously!
+                       </p>
+                     </div>
+                   )}
                 </div>
 
                 {/* Sidebar */}