feat: redesign cloud page sections with improved layout and branding

- Added logo assets for featured applications (CryptPad, Gitea, Matrix, Nextcloud, Stalwart, LifeKit)
- Restructured CallToAction, CloudBluePrint, and CloudUseCases components with consistent boxed layouts and border styling
- Enhanced hover effects on architecture layers and use case cards with scale transforms
- Updated button styling and improved responsive grid layouts for better visual hierarchy

src/pages/cloud/CloudArchitecture.tsx

@@ -56,12 +56,12 @@ export function CloudArchitecture() {
           <ul
             role="list"
             className="mx-auto mt-12 grid max-w-2xl grid-cols-1 gap-6 text-sm
-                       sm:grid-cols-2 lg:max-w-none lg:grid-cols-3 md:gap-y-10"
+                       sm:grid-cols-2 lg:max-w-none lg:grid-cols-3 md:gap-y-10 "
           >
             {architecture.map((layer) => (
               <li
                 key={layer.title}
-                className="rounded-xl border border-gray-800 bg-[#111]/60 p-6"
+                className="rounded-xl border border-gray-800 bg-[#111]/60 p-6 hover:transform-[scale(1.05)]"
               >
                 {layer.icon}   {/* ✅ this now works */}
                 <h3 className="text-lg font-semibold text-white">{layer.title}</h3>