Add localization support and docs

src/components/DoseSchedule.js

@@ -2,10 +2,10 @@ import React from 'react';
 import TimeInput from './TimeInput.js';
 import NumericInput from './NumericInput.js';
 
-const DoseSchedule = ({ doses, doseIncrement, onUpdateDoses }) => {
+const DoseSchedule = ({ doses, doseIncrement, onUpdateDoses, t }) => {
   return (
     <div className="bg-white p-5 rounded-lg shadow-sm border">
-      <h2 className="text-xl font-semibold mb-4 text-gray-700">Mein Plan</h2>
+      <h2 className="text-xl font-semibold mb-4 text-gray-700">{t.myPlan}</h2>
       {doses.map((dose, index) => (
         <div key={index} className="flex items-center space-x-3 mb-3">
           <TimeInput
@@ -18,10 +18,10 @@ const DoseSchedule = ({ doses, doseIncrement, onUpdateDoses }) => {
               onChange={newDose => onUpdateDoses(doses.map((d, i) => i === index ? {...d, dose: newDose} : d))}
               increment={doseIncrement}
               min={0}
-              unit="mg"
+              unit={t.mg}
             />
           </div>
-          <span className="text-gray-600 text-sm flex-1">{dose.label}</span>
+          <span className="text-gray-600 text-sm flex-1">{t[dose.label] || dose.label}</span>
         </div>
       ))}
     </div>