fix: going to "Statistics" crashing the app

When there are labels with >1 byte Unicode characters
See https://developer.mozilla.org/en-US/docs/Glossary/Base64#the_unicode_problem

Using `btoa()` for `key=` seems to be unnecessary. React docs
say nothing about it
https://react.dev/learn/rendering-lists
Plus I tested it. Works alright.

Changelog.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+- fix: going to "Statistics" crashing the app sometimes
+
 ## 0.8.0
 
 - small style fixes for stats view on small screens

src/components/StatsTaskDistribution.tsx

@@ -82,7 +82,7 @@ export function TaskDistributionPie({
           {labelsSortedWithPercentage.map((label) => (
             <tr>
               <td
-                key={btoa(label.label) + "-" + label.percentage}
+                key={label.label + "-" + label.percentage}
                 style={{ "--start": label.start, "--end": label.end }}
               >
                 <span className="data"></span>
@@ -96,7 +96,7 @@ export function TaskDistributionPie({
           {labelsSortedWithPercentage.map((label) => (
             <li
               className="w-full flex"
-              key={btoa(label.label) + "-" + label.percentage}
+              key={label.label + "-" + label.percentage}
             >
               <span className="flex-grow">
                 {label.label}: (