refactor: widen section and sidebar, plain period text, Badge xs size for stack

src/shared/ui/Card/ui/Card.test.tsx

@@ -100,7 +100,7 @@ describe('CardSidebar', () => {
     it('sidebar column has fixed width on md', () => {
       render(<CardSidebar sidebar={<span>Sidebar</span>}>Main</CardSidebar>);
       const sidebar = screen.getByText('Sidebar').parentElement;
-      expect(sidebar).toHaveClass('md:w-52');
+      expect(sidebar).toHaveClass('md:w-64');
     });
 
     it('main column fills remaining space', () => {

src/shared/ui/Card/ui/Card.tsx

@@ -109,7 +109,7 @@ interface CardSidebarProps {
 export function CardSidebar({ sidebar, children, className }: CardSidebarProps) {
   return (
     <div className={cn('flex flex-col md:flex-row', className)}>
-      <div className="shrink-0 md:w-52 brutal-border-sidebar pb-6 md:pb-0 md:pr-8 mb-6 md:mb-0">{sidebar}</div>
+      <div className="shrink-0 md:w-64 brutal-border-sidebar pb-6 md:pb-0 md:pr-8 mb-6 md:mb-0">{sidebar}</div>
       <div className="flex-1 min-w-0 md:pl-8">{children}</div>
     </div>
   );