Truncate long card titles with ellipsis and reduce font size

- Replace flex-wrap with overflow ellipsis on .card-title and .template-name
- Reduce card title font size from 1.2rem/18px to 1.05rem
- Add title attribute (hover tooltip) on all card types for full name

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

server/src/wled_controller/static/css/cards.css

@@ -413,16 +413,18 @@ body.cs-drag-active .card-drag-handle {
 }
 
 .card-title {
-    font-size: 1.2rem;
+    font-size: 1.05rem;
     font-weight: 600;
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    flex-wrap: wrap;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    min-width: 0;
 }
 
 .card-title > .icon {
     color: var(--primary-text-color);
+    vertical-align: middle;
+    margin-right: 6px;
 }
 
 .device-url-badge {