@ozdao/martyrs 0.2.571 → 0.2.572

package/src/modules/governance/reactcode/src/components/ProductSummary.tsx

@@ -41,7 +41,7 @@ export default function ProductSummary({ initiative, onAction }: ProductSummaryP
               <TaskStatusBadge status={initiative.status} />
               <span className="text-sm text-gray-500 font-mono">{initiative.slug || initiative.name}</span>
             </div>
-            <h1 className="text-3xl font-bold text-gray-900 mb-3">{initiative.title}</h1>
+            <h1 className="text-3xl fonfw-bold text-gray-900 mb-3">{initiative.title}</h1>
             <p className="text-gray-700 text-lg leading-relaxed">{initiative.description}</p>
           </div>
           {initiative.url && (
@@ -62,27 +62,27 @@ export default function ProductSummary({ initiative, onAction }: ProductSummaryP
               <Calendar className="w-4 h-4" />
               Start Date
             </div>
-            <div className="font-semibold text-gray-900">{formatDate(initiative.date)}</div>
+            <div className="fonfw-semibold text-gray-900">{formatDate(initiative.date)}</div>
           </div>
           <div>
             <div className="text-sm text-gray-500 mb-1 flex items-center gap-1">
               <Calendar className="w-4 h-4" />
               Target Release
             </div>
-            <div className="font-semibold text-gray-900">
+            <div className="fonfw-semibold text-gray-900">
               {initiative.targetReleaseDate ? formatDate(initiative.targetReleaseDate) : 'TBD'}
             </div>
           </div>
           <div>
             <div className="text-sm text-gray-500 mb-1">Structure</div>
-            <div className="font-semibold text-gray-900">{initiative.structure}</div>
+            <div className="fonfw-semibold text-gray-900">{initiative.structure}</div>
           </div>
           <div>
             <div className="text-sm text-gray-500 mb-1 flex items-center gap-1">
               <Users className="w-4 h-4" />
               Team Size
             </div>
-            <div className="font-semibold text-gray-900">
+            <div className="fonfw-semibold text-gray-900">
               {(initiative.team?.owners?.length || 0) +
                (initiative.team?.coreTeam?.length || 0) +
                (initiative.team?.contributors?.length || 0)}
@@ -92,21 +92,21 @@ export default function ProductSummary({ initiative, onAction }: ProductSummaryP
 
         {initiative.metrics && (
           <div className="border-t border-gray-200 pt-6">
-            <h3 className="text-sm font-semibold text-gray-500 uppercase mb-4">Key Metrics</h3>
+            <h3 className="text-sm fonfw-semibold text-gray-500 uppercase mb-4">Key Metrics</h3>
             <div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
               <div className="bg-gray-50 rounded-lg p-4">
                 <div className="flex items-center gap-2 mb-1">
                   <TrendingUp className="w-4 h-4 text-blue-600" />
                   <div className="text-xs text-gray-500">Task Progress</div>
                 </div>
-                <div className="text-2xl font-bold text-gray-900">{initiative.metrics.taskProgress}%</div>
+                <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.taskProgress}%</div>
               </div>
               <div className="bg-gray-50 rounded-lg p-4">
                 <div className="flex items-center gap-2 mb-1">
                   <AlertTriangle className="w-4 h-4 text-yellow-600" />
                   <div className="text-xs text-gray-500">Risk Index</div>
                 </div>
-                <div className={`text-sm font-bold capitalize px-2 py-1 rounded ${getRiskColor(initiative.metrics.riskIndex)}`}>
+                <div className={`text-sm fonfw-bold capitalize px-2 py-1 rounded ${getRiskColor(initiative.metrics.riskIndex)}`}>
                   {initiative.metrics.riskIndex}
                 </div>
               </div>
@@ -115,63 +115,63 @@ export default function ProductSummary({ initiative, onAction }: ProductSummaryP
                   <Activity className="w-4 h-4 text-green-600" />
                   <div className="text-xs text-gray-500">Availability</div>
                 </div>
-                <div className="text-2xl font-bold text-gray-900">{initiative.metrics.availabilityIndex}%</div>
+                <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.availabilityIndex}%</div>
               </div>
               <div className="bg-gray-50 rounded-lg p-4">
                 <div className="flex items-center gap-2 mb-1">
                   <Activity className="w-4 h-4 text-blue-600" />
                   <div className="text-xs text-gray-500">SLA</div>
                 </div>
-                <div className="text-2xl font-bold text-gray-900">{initiative.metrics.sla}%</div>
+                <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.sla}%</div>
               </div>
               <div className="bg-gray-50 rounded-lg p-4">
                 <div className="flex items-center gap-2 mb-1">
                   <Users className="w-4 h-4 text-violet-600" />
                   <div className="text-xs text-gray-500">Active Users</div>
                 </div>
-                <div className="text-2xl font-bold text-gray-900">{initiative.metrics.activeUsers}</div>
+                <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.activeUsers}</div>
               </div>
               <div className="bg-gray-50 rounded-lg p-4">
                 <div className="flex items-center gap-2 mb-1">
                   <TrendingUp className="w-4 h-4 text-green-600" />
                   <div className="text-xs text-gray-500">Performance</div>
                 </div>
-                <div className="text-2xl font-bold text-gray-900">{initiative.metrics.performance}</div>
+                <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.performance}</div>
               </div>
             </div>
           </div>
         )}
 
         <div className="border-t border-gray-200 pt-6 mt-6">
-          <h3 className="text-sm font-semibold text-gray-500 uppercase mb-4">Quick Actions</h3>
+          <h3 className="text-sm fonfw-semibold text-gray-500 uppercase mb-4">Quick Actions</h3>
           <div className="flex flex-wrap gap-3">
             <button
               onClick={() => onAction('create-task')}
-              className="bg-blue-600 hover:bg-blue-700 text-white font-semibold px-4 py-2 rounded-lg transition-colors"
+              className="bg-blue-600 hover:bg-blue-700 text-white fonfw-semibold px-4 py-2 rounded-lg transition-colors"
             >
               Create Task
             </button>
             <button
               onClick={() => onAction('plan-release')}
-              className="bg-white hover:bg-gray-50 text-gray-700 border border-gray-300 font-semibold px-4 py-2 rounded-lg transition-colors"
+              className="bg-white hover:bg-gray-50 text-gray-700 border border-gray-300 fonfw-semibold px-4 py-2 rounded-lg transition-colors"
             >
               Plan Release
             </button>
             <button
               onClick={() => onAction('add-link')}
-              className="bg-white hover:bg-gray-50 text-gray-700 border border-gray-300 font-semibold px-4 py-2 rounded-lg transition-colors"
+              className="bg-white hover:bg-gray-50 text-gray-700 border border-gray-300 fonfw-semibold px-4 py-2 rounded-lg transition-colors"
             >
               Add Link
             </button>
             <button
               onClick={() => onAction('open-voting')}
-              className="bg-white hover:bg-gray-50 text-gray-700 border border-gray-300 font-semibold px-4 py-2 rounded-lg transition-colors"
+              className="bg-white hover:bg-gray-50 text-gray-700 border border-gray-300 fonfw-semibold px-4 py-2 rounded-lg transition-colors"
             >
               Open Voting
             </button>
             <button
               onClick={() => onAction('mark-risk')}
-              className="bg-white hover:bg-gray-50 text-red-700 border border-red-300 font-semibold px-4 py-2 rounded-lg transition-colors"
+              className="bg-white hover:bg-gray-50 text-red-700 border border-red-300 fonfw-semibold px-4 py-2 rounded-lg transition-colors"
             >
               Mark Risk
             </button>

package/src/modules/governance/reactcode/src/components/ProductTeam.tsx

@@ -15,7 +15,7 @@ export default function ProductTeam({ team }: ProductTeamProps) {
     <div className="bg-white rounded-xl shadow-sm p-6">
       <div className="flex items-center gap-2 mb-6">
         <Users className="w-5 h-5 text-gray-600" />
-        <h3 className="text-lg font-semibold text-gray-900">Team</h3>
+        <h3 className="text-lg fonfw-semibold text-gray-900">Team</h3>
       </div>
 
       <div className="space-y-6">
@@ -23,7 +23,7 @@ export default function ProductTeam({ team }: ProductTeamProps) {
           <div>
             <div className="flex items-center gap-2 mb-3">
               <Crown className="w-4 h-4 text-yellow-600" />
-              <h4 className="text-sm font-semibold text-gray-700 uppercase">Owners</h4>
+              <h4 className="text-sm fonfw-semibold text-gray-700 uppercase">Owners</h4>
             </div>
             <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3">
               {owners.map((member) => (
@@ -34,7 +34,7 @@ export default function ProductTeam({ team }: ProductTeamProps) {
                     className="w-10 h-10 rounded-full"
                   />
                   <div className="flex-1 min-w-0">
-                    <div className="font-medium text-gray-900 truncate">{member.name}</div>
+                    <div className="fonfw-medium text-gray-900 truncate">{member.name}</div>
                     <div className="text-xs text-yellow-700">Product Owner</div>
                   </div>
                 </div>
@@ -47,7 +47,7 @@ export default function ProductTeam({ team }: ProductTeamProps) {
           <div>
             <div className="flex items-center gap-2 mb-3">
               <Star className="w-4 h-4 text-blue-600" />
-              <h4 className="text-sm font-semibold text-gray-700 uppercase">Core Team</h4>
+              <h4 className="text-sm fonfw-semibold text-gray-700 uppercase">Core Team</h4>
             </div>
             <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3">
               {coreTeam.map((member) => (
@@ -58,7 +58,7 @@ export default function ProductTeam({ team }: ProductTeamProps) {
                     className="w-10 h-10 rounded-full"
                   />
                   <div className="flex-1 min-w-0">
-                    <div className="font-medium text-gray-900 truncate">{member.name}</div>
+                    <div className="fonfw-medium text-gray-900 truncate">{member.name}</div>
                     <div className="text-xs text-blue-700">Core Member</div>
                   </div>
                 </div>
@@ -71,7 +71,7 @@ export default function ProductTeam({ team }: ProductTeamProps) {
           <div>
             <div className="flex items-center gap-2 mb-3">
               <UserPlus className="w-4 h-4 text-gray-600" />
-              <h4 className="text-sm font-semibold text-gray-700 uppercase">Contributors</h4>
+              <h4 className="text-sm fonfw-semibold text-gray-700 uppercase">Contributors</h4>
             </div>
             <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3">
               {contributors.map((member) => (
@@ -82,7 +82,7 @@ export default function ProductTeam({ team }: ProductTeamProps) {
                     className="w-10 h-10 rounded-full"
                   />
                   <div className="flex-1 min-w-0">
-                    <div className="font-medium text-gray-900 truncate">{member.name}</div>
+                    <div className="fonfw-medium text-gray-900 truncate">{member.name}</div>
                     <div className="text-xs text-gray-600">Contributor</div>
                   </div>
                 </div>

package/src/modules/governance/reactcode/src/components/ProposeTaskForm.tsx

@@ -43,7 +43,7 @@ export default function ProposeTaskForm({ initiativeId, milestoneId, onSubmit, o
     <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
       <div className="bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto">
         <div className="sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between">
-          <h2 className="text-xl font-semibold text-gray-900">Propose New Task</h2>
+          <h2 className="text-xl fonfw-semibold text-gray-900">Propose New Task</h2>
           <button
             onClick={onClose}
             className="text-gray-400 hover:text-gray-600 transition-colors"
@@ -54,7 +54,7 @@ export default function ProposeTaskForm({ initiativeId, milestoneId, onSubmit, o
 
         <form onSubmit={handleSubmit} className="p-6 space-y-4">
           <div>
-            <label htmlFor="title" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="title" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Title <span className="text-red-500">*</span>
             </label>
             <input
@@ -70,7 +70,7 @@ export default function ProposeTaskForm({ initiativeId, milestoneId, onSubmit, o
           </div>
 
           <div>
-            <label htmlFor="description" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="description" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Description <span className="text-red-500">*</span>
             </label>
             <textarea
@@ -87,7 +87,7 @@ export default function ProposeTaskForm({ initiativeId, milestoneId, onSubmit, o
 
           {!milestoneId && (
             <div>
-              <label htmlFor="milestone" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="milestone" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Milestone
               </label>
               <select
@@ -109,7 +109,7 @@ export default function ProposeTaskForm({ initiativeId, milestoneId, onSubmit, o
 
           <div className="grid grid-cols-2 gap-4">
             <div>
-              <label htmlFor="dueDate" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="dueDate" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Due Date
               </label>
               <input
@@ -123,7 +123,7 @@ export default function ProposeTaskForm({ initiativeId, milestoneId, onSubmit, o
             </div>
 
             <div>
-              <label htmlFor="priority" className="block text-sm font-medium text-gray-700 mb-1">
+              <label htmlFor="priority" className="block text-sm fonfw-medium text-gray-700 mb-1">
                 Priority
               </label>
               <select
@@ -141,7 +141,7 @@ export default function ProposeTaskForm({ initiativeId, milestoneId, onSubmit, o
           </div>
 
           <div>
-            <label htmlFor="tags" className="block text-sm font-medium text-gray-700 mb-1">
+            <label htmlFor="tags" className="block text-sm fonfw-medium text-gray-700 mb-1">
               Tags
             </label>
             <input
@@ -165,14 +165,14 @@ export default function ProposeTaskForm({ initiativeId, milestoneId, onSubmit, o
           <div className="flex gap-3 pt-4">
             <button
               type="submit"
-              className="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 rounded-lg transition-colors"
+              className="flex-1 bg-blue-600 hover:bg-blue-700 text-white fonfw-semibold py-2 rounded-lg transition-colors"
             >
               Propose Task
             </button>
             <button
               type="button"
               onClick={onClose}
-              className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-2 rounded-lg transition-colors"
+              className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 fonfw-semibold py-2 rounded-lg transition-colors"
             >
               Cancel
             </button>

package/src/modules/governance/reactcode/src/components/TaskAssignForm.tsx

@@ -22,7 +22,7 @@ export default function TaskAssignForm({ taskId, onSubmit, onClose }: TaskAssign
     <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
       <div className="bg-white rounded-xl max-w-md w-full">
         <div className="border-b border-gray-200 px-6 py-4 flex items-center justify-between">
-          <h2 className="text-xl font-semibold text-gray-900">Assign Task</h2>
+          <h2 className="text-xl fonfw-semibold text-gray-900">Assign Task</h2>
           <button
             onClick={onClose}
             className="text-gray-400 hover:text-gray-600 transition-colors"
@@ -33,7 +33,7 @@ export default function TaskAssignForm({ taskId, onSubmit, onClose }: TaskAssign
 
         <form onSubmit={handleSubmit} className="p-6 space-y-4">
           <div>
-            <label htmlFor="user" className="block text-sm font-medium text-gray-700 mb-2">
+            <label htmlFor="user" className="block text-sm fonfw-medium text-gray-700 mb-2">
               Select User
             </label>
             <select
@@ -55,14 +55,14 @@ export default function TaskAssignForm({ taskId, onSubmit, onClose }: TaskAssign
           <div className="flex gap-3 pt-2">
             <button
               type="submit"
-              className="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 rounded-lg transition-colors"
+              className="flex-1 bg-blue-600 hover:bg-blue-700 text-white fonfw-semibold py-2 rounded-lg transition-colors"
             >
               Assign
             </button>
             <button
               type="button"
               onClick={onClose}
-              className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-2 rounded-lg transition-colors"
+              className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 fonfw-semibold py-2 rounded-lg transition-colors"
             >
               Cancel
             </button>

package/src/modules/governance/reactcode/src/components/TaskCard.tsx

@@ -47,7 +47,7 @@ export default function TaskCard({ task, draggable = false }: TaskCardProps) {
         draggable={draggable}
       >
         <div className="flex items-start justify-between mb-3">
-          <h4 className="text-sm font-semibold text-gray-900 flex-1 pr-2">{task.title}</h4>
+          <h4 className="text-sm fonfw-semibold text-gray-900 flex-1 pr-2">{task.title}</h4>
           {task.votingId && (
             <MessageSquare className="w-4 h-4 text-blue-500 flex-shrink-0" />
           )}

package/src/modules/governance/reactcode/src/components/TaskStatusBadge.tsx

@@ -20,7 +20,7 @@ export default function TaskStatusBadge({ status }: TaskStatusBadgeProps) {
   const config = statusConfig[status] || statusConfig.proposed;
 
   return (
-    <span className={`px-3 py-1 rounded-full text-xs font-medium ${config.color}`}>
+    <span className={`px-3 py-1 rounded-full text-xs fonfw-medium ${config.color}`}>
       {config.label}
     </span>
   );

package/src/modules/governance/reactcode/src/components/VoteForm.tsx

@@ -21,7 +21,7 @@ export default function VoteForm({ onSubmit }: VoteFormProps) {
   return (
     <form onSubmit={handleSubmit} className="space-y-6">
       <div>
-        <h4 className="text-sm font-semibold text-gray-900 mb-3">Cast Your Vote</h4>
+        <h4 className="text-sm fonfw-semibold text-gray-900 mb-3">Cast Your Vote</h4>
         <div className="grid grid-cols-3 gap-4">
           <button
             type="button"
@@ -33,7 +33,7 @@ export default function VoteForm({ onSubmit }: VoteFormProps) {
             }`}
           >
             <ThumbsUp className={`w-8 h-8 mb-2 ${selectedVote === 'yes' ? 'text-green-600' : 'text-gray-400'}`} />
-            <span className={`font-semibold ${selectedVote === 'yes' ? 'text-green-700' : 'text-gray-600'}`}>
+            <span className={`fonfw-semibold ${selectedVote === 'yes' ? 'text-green-700' : 'text-gray-600'}`}>
               Yes
             </span>
           </button>
@@ -48,7 +48,7 @@ export default function VoteForm({ onSubmit }: VoteFormProps) {
             }`}
           >
             <ThumbsDown className={`w-8 h-8 mb-2 ${selectedVote === 'no' ? 'text-red-600' : 'text-gray-400'}`} />
-            <span className={`font-semibold ${selectedVote === 'no' ? 'text-red-700' : 'text-gray-600'}`}>
+            <span className={`fonfw-semibold ${selectedVote === 'no' ? 'text-red-700' : 'text-gray-600'}`}>
               No
             </span>
           </button>
@@ -63,7 +63,7 @@ export default function VoteForm({ onSubmit }: VoteFormProps) {
             }`}
           >
             <Minus className={`w-8 h-8 mb-2 ${selectedVote === 'abstain' ? 'text-gray-600' : 'text-gray-400'}`} />
-            <span className={`font-semibold ${selectedVote === 'abstain' ? 'text-gray-700' : 'text-gray-600'}`}>
+            <span className={`fonfw-semibold ${selectedVote === 'abstain' ? 'text-gray-700' : 'text-gray-600'}`}>
               Abstain
             </span>
           </button>
@@ -71,7 +71,7 @@ export default function VoteForm({ onSubmit }: VoteFormProps) {
       </div>
 
       <div>
-        <label htmlFor="comment" className="block text-sm font-medium text-gray-700 mb-2">
+        <label htmlFor="comment" className="block text-sm fonfw-medium text-gray-700 mb-2">
           Comment (Optional)
         </label>
         <textarea
@@ -87,7 +87,7 @@ export default function VoteForm({ onSubmit }: VoteFormProps) {
       <button
         type="submit"
         disabled={!selectedVote}
-        className="w-full bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed text-white font-semibold py-3 rounded-lg transition-colors"
+        className="w-full bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed text-white fonfw-semibold py-3 rounded-lg transition-colors"
       >
         Submit Vote
       </button>

package/src/modules/governance/reactcode/src/components/VotingCard.tsx

@@ -39,13 +39,13 @@ export default function VotingCard({ voting }: VotingCardProps) {
     <Link to={`/votings/${voting.id}`} className="block group">
       <div className="bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-200 p-5 border border-gray-100">
         <div className="flex items-start justify-between mb-3">
-          <span className={`px-3 py-1 rounded-full text-xs font-medium ${typeInfo.color}`}>
+          <span className={`px-3 py-1 rounded-full text-xs fonfw-medium ${typeInfo.color}`}>
             {typeInfo.label}
           </span>
           <TaskStatusBadge status={voting.status} />
         </div>
 
-        <h3 className="text-base font-semibold text-gray-900 mb-3 group-hover:text-blue-600 transition-colors">
+        <h3 className="text-base fonfw-semibold text-gray-900 mb-3 group-hover:text-blue-600 transition-colors">
           {voting.title}
         </h3>
 

package/src/modules/governance/reactcode/src/components/VotingResults.tsx

@@ -52,17 +52,17 @@ export default function VotingResults({ results, votes }: VotingResultsProps) {
     <div className="space-y-6">
       <div>
         <div className="flex items-center justify-between mb-3">
-          <h3 className="text-lg font-semibold text-gray-900">Voting Results</h3>
+          <h3 className="text-lg fonfw-semibold text-gray-900">Voting Results</h3>
           <div className={`flex items-center gap-2 ${thresholdMet ? 'text-green-600' : 'text-red-600'}`}>
             {thresholdMet ? (
               <>
                 <Check className="w-5 h-5" />
-                <span className="font-semibold">Threshold Met</span>
+                <span className="fonfw-semibold">Threshold Met</span>
               </>
             ) : (
               <>
                 <X className="w-5 h-5" />
-                <span className="font-semibold">Threshold Not Met</span>
+                <span className="fonfw-semibold">Threshold Not Met</span>
               </>
             )}
           </div>
@@ -70,8 +70,8 @@ export default function VotingResults({ results, votes }: VotingResultsProps) {
 
         <div className="bg-gray-100 rounded-lg p-4 mb-4">
           <div className="flex justify-between items-center mb-2">
-            <span className="text-sm font-medium text-gray-700">Total Votes</span>
-            <span className="text-2xl font-bold text-gray-900">{totalVotes}</span>
+            <span className="text-sm fonfw-medium text-gray-700">Total Votes</span>
+            <span className="text-2xl fonfw-bold text-gray-900">{totalVotes}</span>
           </div>
           <div className="text-sm text-gray-600">
             Threshold: {(threshold * 100).toFixed(0)}% approval required
@@ -81,7 +81,7 @@ export default function VotingResults({ results, votes }: VotingResultsProps) {
         <div className="w-full h-8 bg-gray-200 rounded-lg overflow-hidden flex">
           {percentageYes > 0 && (
             <div
-              className="bg-green-500 flex items-center justify-center text-white text-sm font-semibold"
+              className="bg-green-500 flex items-center justify-center text-white text-sm fonfw-semibold"
               style={{ width: `${percentageYes}%` }}
             >
               {percentageYes >= 15 && `${percentageYes.toFixed(0)}%`}
@@ -89,7 +89,7 @@ export default function VotingResults({ results, votes }: VotingResultsProps) {
           )}
           {percentageNo > 0 && (
             <div
-              className="bg-red-500 flex items-center justify-center text-white text-sm font-semibold"
+              className="bg-red-500 flex items-center justify-center text-white text-sm fonfw-semibold"
               style={{ width: `${percentageNo}%` }}
             >
               {percentageNo >= 15 && `${percentageNo.toFixed(0)}%`}
@@ -97,7 +97,7 @@ export default function VotingResults({ results, votes }: VotingResultsProps) {
           )}
           {percentageAbstain > 0 && (
             <div
-              className="bg-gray-400 flex items-center justify-center text-white text-sm font-semibold"
+              className="bg-gray-400 flex items-center justify-center text-white text-sm fonfw-semibold"
               style={{ width: `${percentageAbstain}%` }}
             >
               {percentageAbstain >= 15 && `${percentageAbstain.toFixed(0)}%`}
@@ -107,22 +107,22 @@ export default function VotingResults({ results, votes }: VotingResultsProps) {
 
         <div className="grid grid-cols-3 gap-4 mt-4">
           <div className="text-center">
-            <div className="text-2xl font-bold text-green-600">{yesVotes}</div>
+            <div className="text-2xl fonfw-bold text-green-600">{yesVotes}</div>
             <div className="text-sm text-gray-600">Yes ({percentageYes.toFixed(1)}%)</div>
           </div>
           <div className="text-center">
-            <div className="text-2xl font-bold text-red-600">{noVotes}</div>
+            <div className="text-2xl fonfw-bold text-red-600">{noVotes}</div>
             <div className="text-sm text-gray-600">No ({percentageNo.toFixed(1)}%)</div>
           </div>
           <div className="text-center">
-            <div className="text-2xl font-bold text-gray-600">{abstainVotes}</div>
+            <div className="text-2xl fonfw-bold text-gray-600">{abstainVotes}</div>
             <div className="text-sm text-gray-600">Abstain ({percentageAbstain.toFixed(1)}%)</div>
           </div>
         </div>
       </div>
 
       <div>
-        <h4 className="text-base font-semibold text-gray-900 mb-4 flex items-center">
+        <h4 className="text-base fonfw-semibold text-gray-900 mb-4 flex items-center">
           <MessageSquare className="w-5 h-5 mr-2" />
           All Votes ({votes.length})
         </h4>
@@ -131,15 +131,15 @@ export default function VotingResults({ results, votes }: VotingResultsProps) {
             <div key={index} className="bg-gray-50 rounded-lg p-4">
               <div className="flex items-start justify-between mb-2">
                 <div className="flex items-center gap-3">
-                  <div className="w-10 h-10 rounded-full bg-gray-300 flex items-center justify-center text-gray-700 font-semibold">
+                  <div className="w-10 h-10 rounded-full bg-gray-300 flex items-center justify-center text-gray-700 fonfw-semibold">
                     {vote.userName.charAt(0)}
                   </div>
                   <div>
-                    <div className="font-medium text-gray-900">{vote.userName}</div>
+                    <div className="fonfw-medium text-gray-900">{vote.userName}</div>
                     <div className="text-xs text-gray-500">{formatDate(vote.createdAt)}</div>
                   </div>
                 </div>
-                <span className={`font-semibold capitalize ${getVoteColor(vote.vote)}`}>
+                <span className={`fonfw-semibold capitalize ${getVoteColor(vote.vote)}`}>
                   {vote.vote}
                 </span>
               </div>