chore: use same label component everywhere

Author: kolaente

lib/components/BucketTaskCard.dart

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/scheduler.dart';
 import 'package:dotted_border/dotted_border.dart';
 import 'package:provider/provider.dart';
+import 'package:vikunja_app/components/label.dart';
 import 'package:vikunja_app/models/task.dart';
 import 'package:vikunja_app/pages/project/task_edit.dart';
 import 'package:vikunja_app/utils/misc.dart';
@@ -154,17 +155,7 @@ class _BucketTaskCardState extends State<BucketTaskCard>
     );
     widget.task.labels.sort((a, b) => a.title.compareTo(b.title));
     widget.task.labels.asMap().forEach((i, label) {
-      labelRow.children.add(Chip(
-        label: Text(label.title),
-        labelStyle: theme.textTheme.labelLarge?.copyWith(
-          color: label.textColor,
-        ),
-        backgroundColor: label.color,
-        shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(4.0),
-          side: BorderSide(style: BorderStyle.none),
-        ),
-      ));
+      labelRow.children.add(LabelComponent(label: label));
     });
     if (widget.task.hasCheckboxes) {
       final checkboxStatistics = widget.task.checkboxStatistics;

lib/components/label.dart

@@ -19,7 +19,8 @@ class LabelComponent extends StatelessWidget {
       ),
       backgroundColor: label.color,
       shape: RoundedRectangleBorder(
-        borderRadius: BorderRadius.all(Radius.circular(3)),
+        borderRadius: BorderRadius.all(Radius.circular(4)),
+        side: BorderSide(style: BorderStyle.none),
       ),
       onDeleted: onDelete,
       deleteIconColor: label.textColor,